由于严格模式，我的反应组件渲染了两次

Question

我的React组件渲染了两次。所以，我决定逐行调试，问题就在这里

 if ( workInProgress.mode & StrictMode) {
        instance.render();
      }

做出反应。发展js

是因为严格的模式吗？我能禁用它吗？什么是严格模式？我需要它吗？

Answer 1

看起来组件呈现了两次，但是第一次呈现的组件没有卸载？至少这是我在React 17中看到的行为，当然可能是我代码中的一个错误

Answer 2

是的，您必须删除严格模式作为

严格模式不能自动为你检测副作用，但它可以通过使副作用更具确定性来帮助你发现它们。这是通过有意地双重调用以下函数来实现的：类组件构造函数、渲染和应该组件更新方法。

来源：React文档：严格模式

Answer 3

StrictMode渲染组件两次（在开发中，但不是生产中），以便检测代码中的任何问题并警告您（这可能非常有用）。

如果您在应用程序中启用了StrictMode，但不记得启用了它，可能是因为您最初使用create react app或类似工具创建应用程序，默认情况下会自动启用StrictMode。

例如，您可能会发现您的{app}被

  ReactDOM.render(
     <React.StrictMode>
       {app}
     </React.StrictMode>,
    document.getElementById('root')
  );

如果是这样，您可以通过删除

  ReactDOM.render(
    {app}
    document.getElementById('root')
  );