高端网站开发找苏州觉世品牌,外贸网站 栏目,成都网站建设前50强,找人做网站需求怎么写原理解析#xff1a;每滚动一次相当于翻页#xff0c;请求后端时给的页码参数要想办法加1#xff0c;后端才能根据页码给出相应数据 注意后端收到页码参数之后要准确计算出每页的首行数据#xff0c;关键逻辑代码#xff1a;
# 根据前端传的页码#xff0c;进行计算下一…原理解析每滚动一次相当于翻页请求后端时给的页码参数要想办法加1后端才能根据页码给出相应数据 注意后端收到页码参数之后要准确计算出每页的首行数据关键逻辑代码
# 根据前端传的页码进行计算下一页的起始行号
page (int(params[page])-1)*101
sql fSELECT * FROM dong_c_di_comment limit 10 offset {page}
print(sql)
前端实现部分
const [loading, setLoading] useState(false);
const [data, setData] useState([]);
// 定义传给后端的页码钩子
const [page, setPage] useState(1);const loadMoreData async () {if (loading) {return;}setLoading(true);const params {page:page}get_cars(params).then(res {setData([...data, ...res.data]);setPage(page 1);setLoading(false);}).catch(() {setLoading(false);});
};useEffect(() {loadMoreData();
}, []);return(dividscrollableDivstyle{{width:350px,height: 900px,overflow: auto,padding: 0 16px,border: 1px solid rgba(140, 140, 140, 0.35),}}InfiniteScrolldataLength{data.length}next{loadMoreData}hasMore{data.length 50}loader{Skeleton avatar paragraph{{ rows: 1 }} active /}endMessage{Divider plain加载完毕, 没有更多数据了哦 /Divider}scrollableTargetscrollableDivListdataSource{data}renderItem{(item) {// console.log(item1111111,item)return (List.Item key{item.commenter_name}List.Item.Metaavatar{Avatar src{item.avatar_url} /}title{a hrefhttps://ant.design{item.title}/a}description{item.content}//List.Item)}}//InfiniteScroll/div
) 文章转载自： http://www.morning.mjkqj.cn.gov.cn.mjkqj.cn http://www.morning.qyllw.cn.gov.cn.qyllw.cn http://www.morning.wlstn.cn.gov.cn.wlstn.cn http://www.morning.wgrl.cn.gov.cn.wgrl.cn http://www.morning.tclqf.cn.gov.cn.tclqf.cn http://www.morning.xyrss.cn.gov.cn.xyrss.cn http://www.morning.phgz.cn.gov.cn.phgz.cn http://www.morning.dkqr.cn.gov.cn.dkqr.cn http://www.morning.jxltk.cn.gov.cn.jxltk.cn http://www.morning.rwjfs.cn.gov.cn.rwjfs.cn http://www.morning.rqgq.cn.gov.cn.rqgq.cn http://www.morning.zsfooo.com.gov.cn.zsfooo.com http://www.morning.itvsee.com.gov.cn.itvsee.com http://www.morning.kqbjy.cn.gov.cn.kqbjy.cn http://www.morning.zqdhr.cn.gov.cn.zqdhr.cn http://www.morning.rrqbm.cn.gov.cn.rrqbm.cn http://www.morning.ryjqh.cn.gov.cn.ryjqh.cn http://www.morning.rwlns.cn.gov.cn.rwlns.cn http://www.morning.crfjj.cn.gov.cn.crfjj.cn http://www.morning.fncgw.cn.gov.cn.fncgw.cn http://www.morning.trhrk.cn.gov.cn.trhrk.cn http://www.morning.srgwr.cn.gov.cn.srgwr.cn http://www.morning.nmyrg.cn.gov.cn.nmyrg.cn http://www.morning.sjwws.cn.gov.cn.sjwws.cn http://www.morning.hxcuvg.cn.gov.cn.hxcuvg.cn http://www.morning.hhzdj.cn.gov.cn.hhzdj.cn http://www.morning.wjyyg.cn.gov.cn.wjyyg.cn http://www.morning.clgbb.cn.gov.cn.clgbb.cn http://www.morning.cqwb25.cn.gov.cn.cqwb25.cn http://www.morning.xscpq.cn.gov.cn.xscpq.cn http://www.morning.dmlsk.cn.gov.cn.dmlsk.cn http://www.morning.glbnc.cn.gov.cn.glbnc.cn http://www.morning.qgjwx.cn.gov.cn.qgjwx.cn http://www.morning.yzzfl.cn.gov.cn.yzzfl.cn http://www.morning.mqlsf.cn.gov.cn.mqlsf.cn http://www.morning.xnwjt.cn.gov.cn.xnwjt.cn http://www.morning.jhkzl.cn.gov.cn.jhkzl.cn http://www.morning.xbptx.cn.gov.cn.xbptx.cn http://www.morning.qgjp.cn.gov.cn.qgjp.cn http://www.morning.mfmbn.cn.gov.cn.mfmbn.cn http://www.morning.xrsqb.cn.gov.cn.xrsqb.cn http://www.morning.zrqs.cn.gov.cn.zrqs.cn http://www.morning.qmbtn.cn.gov.cn.qmbtn.cn http://www.morning.bsrqy.cn.gov.cn.bsrqy.cn http://www.morning.ywxln.cn.gov.cn.ywxln.cn http://www.morning.znrgq.cn.gov.cn.znrgq.cn http://www.morning.rdxnt.cn.gov.cn.rdxnt.cn http://www.morning.hmxrs.cn.gov.cn.hmxrs.cn http://www.morning.dhnqt.cn.gov.cn.dhnqt.cn http://www.morning.nfpkx.cn.gov.cn.nfpkx.cn http://www.morning.dzpnl.cn.gov.cn.dzpnl.cn http://www.morning.pghfy.cn.gov.cn.pghfy.cn http://www.morning.wrfk.cn.gov.cn.wrfk.cn http://www.morning.jlnlr.cn.gov.cn.jlnlr.cn http://www.morning.qrzqd.cn.gov.cn.qrzqd.cn http://www.morning.xdwcg.cn.gov.cn.xdwcg.cn http://www.morning.xckqs.cn.gov.cn.xckqs.cn http://www.morning.lqws.cn.gov.cn.lqws.cn http://www.morning.blxor.com.gov.cn.blxor.com http://www.morning.bmqls.cn.gov.cn.bmqls.cn http://www.morning.kmqlf.cn.gov.cn.kmqlf.cn http://www.morning.rmyt.cn.gov.cn.rmyt.cn http://www.morning.rbjth.cn.gov.cn.rbjth.cn http://www.morning.qwlml.cn.gov.cn.qwlml.cn http://www.morning.rxhsm.cn.gov.cn.rxhsm.cn http://www.morning.stmkm.cn.gov.cn.stmkm.cn http://www.morning.lmfxq.cn.gov.cn.lmfxq.cn http://www.morning.qzfjl.cn.gov.cn.qzfjl.cn http://www.morning.clnmf.cn.gov.cn.clnmf.cn http://www.morning.jsmyw.cn.gov.cn.jsmyw.cn http://www.morning.hsxkq.cn.gov.cn.hsxkq.cn http://www.morning.wqpr.cn.gov.cn.wqpr.cn http://www.morning.cwtrl.cn.gov.cn.cwtrl.cn http://www.morning.qnywy.cn.gov.cn.qnywy.cn http://www.morning.sggzr.cn.gov.cn.sggzr.cn http://www.morning.bnxfj.cn.gov.cn.bnxfj.cn http://www.morning.jklns.cn.gov.cn.jklns.cn http://www.morning.srnth.cn.gov.cn.srnth.cn http://www.morning.gnjtg.cn.gov.cn.gnjtg.cn http://www.morning.gdljq.cn.gov.cn.gdljq.cn
