Next.js官方教程示例中重复请求触发问题求助
Next.js官方教程示例中重复请求触发问题求助
各位好,我目前正在跟着Next.js官方教程学习,使用的版本是Next.js 14.0.2、Node.js v18.19.0以及npm 10.2.3,同时也下载了教程配套的最终示例项目来测试。
我做了以下几步操作:
- 在
next.config.js中添加reactStrictMode: false,确保React严格模式处于关闭状态 - 在
data.ts文件的fetchRevenue方法里,注释掉了console.log('Fetching revenue data...');和console.log('Data fetch completed after 3 seconds.');这两行日志语句 - 在
revenue-chart.tsx中添加日志console.log('rendering revenue-chart');,在@/app/dashboard/(overview)/page.tsx中添加console.log('render dashboard main page'); - 启动项目后,导航到
http://localhost:3000/dashboard页面
现在我在控制台里发现了重复的日志输出,rendering revenue-chart和render dashboard main page被打印了多次,而且数据请求也出现了重复触发的情况。我明明已经关闭了React严格模式,按道理不该因为严格模式的双重渲染导致这个问题,有没有大佬能帮忙分析下原因,以及给出解决办法呢?
备注:内容来源于stack exchange,提问作者YangZhao
相关产品推荐
相关产品推荐

