react 18 use effect执行两次问题

在新项目使用react18+nextjs的时候发现一个问题,use effect的勾子在没用依赖的情况下会执行两次, 主要出现的情况是:

仅在开发模式下：这是每个人本地开发时构建应用的模式。

在严格模式下：这个是在使用 create-react-app 或者 Next.js 构建应用时的默认模式。

解决方法:关掉严格模式,额.....

reactStrictMode: false

严格模式很重要，关闭严格模式只是一个临时的解决方案。如果你找到了能更好解决此问题的方法，记得改回来。