Next.js React useEffect触发两次

2,351 阅读1分钟

在使用 Next.js 进行开发的时候,发现 useEffect 会被调用两次

image.png image.png

通过查看 Next.js 的 issue 发现很多人也碰到了这个问题,原来是 React 18 中的 StrictMode 引起的。

若想在 Next.js 中关闭该特性,进行如下配置:

// next.config.js
module.exports = {
  reactStrictMode: true,
}