如何在nextjs develop模式下,关掉react严格模式下的渲染2次的问题

在新版react中,develop环境中,严格模式(React.StrictMode)下会重复渲染两次的问题,在正式环境中不会重复渲染

issue

带来的问题:

接口会重复调用,在有些场景下重复调用接口会导致报错,develop下调试时带来不便

解决方案:

手动关闭严格模式,即不使用React.StrictMode包裹组件

nextjs中通过配置中的reactStrictMode来设置

next.config.js

module.exports = {
  ...
  reactStrictMode: false,
}

如何在nextjs develop模式下,关掉react严格模式下的渲染2次的问题

在新版react中,develop环境中,严格模式(React.StrictMode)下会重复渲染两次的问题,在正式环境中不会重复渲染

issue

带来的问题:

接口会重复调用,在有些场景下重复调用接口会导致报错,develop下调试时带来不便

解决方案:

手动关闭严格模式,即不使用React.StrictMode包裹组件

nextjs中通过配置中的reactStrictMode来设置

next.config.js

module.exports = {
  ...
  reactStrictMode: false,
}
posted @ 2023-01-05 15:12  小菜菜爱吃菜  阅读(1567)  评论(0编辑  收藏  举报