useEffect 在 Nextjs Typescript 应用程序中被调用两次

Question

我有一个简单的 useEffect 函数设置，带有括号，如下所示：

  useEffect(() => {
    console.log('hello')
    getTransactions()
  }, [])

但是，当我运行我的应用程序时，它会在控制台中打印两个hello。知道为什么吗？

即使我添加这样的内容，仍然会打印两个hello。

  const [useEffectCalled, setUseEffectCalled] = useState<Boolean>(false)

  useEffect(() => {
    console.log('hello')
    if (!useEffectCalled) {
      getTransactions()
    }
    setUseEffectCalled(true)
  }, [])

Answer 1

感谢 Joel Hager，我能够通过编辑来使其next.config.js 工作

const nextConfig = {
  reactStrictMode: false,
};

并重新启动我的应用程序。