nextjs中的react的useEffect执行两次解决办法

在nextjs中使用useEffect可能会被执行两次

useEffect(() => {
console.log(123)
})
}, []);

本意是为了模拟立即卸载组件和重新挂载组件。帮助开发者提前发现重复挂载造成的Bug,提供的调试机制。

然后该机制在线上也会执行两次,这就是造成了困扰了

其解决方法如下:

在next.config.mjs中添加如下代码即可

const nextConfig = {
    reactStrictMode:false,
    ......
}
export default nextConfig;

爆款云服务器s6 2核4G 低至0.46/天,具体规则查看活动详情Blog Img