在nextjs中使用useEffect可能会被执行两次
useEffect(() => {
console.log(123)
})
}, []);
本意是为了模拟立即卸载组件和重新挂载组件。帮助开发者提前发现重复挂载造成的Bug,提供的调试机制。
然后该机制在线上也会执行两次,这就是造成了困扰了
其解决方法如下:
在next.config.mjs中添加如下代码即可
const nextConfig = {
reactStrictMode:false,
......
}
export default nextConfig;
爆款云服务器s6 2核4G 低至0.46/天,具体规则查看活动详情