importReactfrom'react';importuseInfiniteScrollfrom'@closeio/use-infinite-scroll';exportdefaultfunctionMyComponent(){const[items,setItems]=useState([]);const[hasMore,setHasMore]=useState(false);const[page,loaderRef,scrollerRef]=useInfiniteScroll({hasMore});useEffect(async()=>{constdata=awaitmyApiCall...
const useInfiniteScroll = <TData extends Data>( // 请求服务 service: Service<TData>, options: InfiniteScrollOptions<TData> = {}, ) => { const { // 父级容器,如果存在,则在滚动到底部时,自动触发 loadMore。需要配合 isNoMore 使用,以便知道什么时候到最后一页了。 target, // 是否有最后一页...
import React from "react"; import useInfiniteScroll from "@mikexrmn/use-infinite-scroll"; function MyComponent() { const fetchData = async (page) => { // Replace this with your data fetching logic }; const { data, loading } = useInfiniteScroll(fetchData); return {/_ Render your data...
npm i @cvbuelow/use-infinite-scroll Usage importReact,{useCallback}from"react";import{useDispatch,useSelector}from"react-redux";import{getNextPage}from"../store/movies/movies.actions";importMovieListfrom"./movie-list";importuseInfiniteScrollfrom"@react/use-infinite-scroll";functionMovieSearch(){...
use-infinite-scroll react infinite scroll react use infinite scroll infinite scroll react-infinite-scrolling react infinite scroller react infinite scrolling react scrolling infinite scrolling evan_kazadaiev •1.1.5•5 years ago•0dependents•MITpublished version1.1.5,5 years ago0dependentslicensed...
constuseInfiniteScroll = <TDataextendsData>(// 请求服务service: Service<TData>, options: InfiniteScrollOptions<TData> = {},) =>{const{// 父级容器,如果存在,则在滚动到底部时,自动触发 loadMore。需要配合 isNoMore 使用,以便知道什么时候到最后一页了。target,// 是否有最后一页的判断逻辑,入参为...
const useInfiniteScroll = <TData extends Data>( // 请求服务 service: Service<TData>, options: InfiniteScrollOptions<TData> = {}, ) => { const { //父级容器,如果存在,则在滚动到底部时,自动触发 loadMore。需要配合 isNoMore 使用,以便知道什么时候到最后一页了。
11 changes: 9 additions & 2 deletions 11 packages/react-use/src/use-infinite-scroll/index.ts Original file line numberDiff line numberDiff line change @@ -169,8 +169,15 @@ export function useInfiniteScroll<R = any, T extends HTMLElement = HTMLElement>( }) return { ...state, isLoad...
const useInfiniteScroll = <TData extends Data>( // 请求服务 service: Service<TData>, options: InfiniteScrollOptions<TData> = {}, ) => { const { // 父级容器,如果存在,则在滚动到底部时,自动触发 loadMore。需要配合 isNoMore 使用,以便知道什么时候到最后一页了。
ReactQuery - useInfiniteQuery 重新获取问题问题描述 投票:0回答:1我已经在使用 React Query 库的项目上实现了无限滚动。 到目前为止一切顺利。使用 useInfiniteScroll 钩子 一切都按预期工作 我遇到的一个问题是这个库的缓存机制。如果我查询资源,例如:GET /posts/,将触发 GET /posts/?page=0,向下滚动...