10S之内解决你的问题

10S之内解决你的问题

Home/JavaScript/next.js/taro hooks 上拉加载/

taro hooks 上拉加载

2021-01-13 11:36:09
131
const [list,setList] = useState(null) // 列表数据
const [pages, setPages] = useState(1) // 分页
const [tatal, setTotal] = useState('') // 分页
const getList = async (pageIndex) => {
let res = await getList({pages: pageIndex});
  if (res?.data) {
    if (pageIndex > 1) {
      setList(geniusList.concat(res.data));
      setTotal(res.data.total);
    } else {
      setList(res.data);
      setTotal(res.data.total);
    }
  }
}
useReachBottom(() => { // taro hooks 触底事件
  if(list.length < total) {
    setPages(pages+1)
    getList(pages+1)
  }
})

专注服务于开发者的平台

冀ICP备12011960号-21

FLOW Link

devland@163.com技术咨询和服务
站点地图

代码观察

欢迎关注服务号更多技术等你来看

专注服务于开发者的平台

冀ICP备12011960号-21