不管咋样，next.js 在 app/page 做了首屏优化的功能 ，场景是这样的： 首页数据列表需要下拉加载，下拉加载是客户端的行为， 我之前的写的代码就是把 app/page 添加了 “use client” ，
后面经过优化，首屏还是得是服务器端件（本身app/page默认也是服务器端组件），具体是在服务端组件 app/page.tsx 里面初始化加载数据，然后传入到需要下拉加载的里面，比如我这里的 ArticleList，然后在这个组件里面用 可以用 useInfiniteQuery 类似的hook 实现无限滚动加载
后面经过优化，首屏还是得是服务器端件（本身app/page默认也是服务器端组件），具体是在服务端组件 app/page.tsx 里面初始化加载数据，然后传入到需要下拉加载的里面，比如我这里的 ArticleList，然后在这个组件里面用 可以用 useInfiniteQuery 类似的hook 实现无限滚动加载
展开
评论
点赞