React アプリがデバッグ モードで 2 回レンダリングされるのはなぜですか? それを修正するにはどうすればよいですか?

Strict モードでの React での二重レンダリングの解決

デバッグ モードでは、Strict モードが有効になっているため、React コンポーネントが 2 回レンダリングされる可能性があります。この診断機能は、コード内の潜在的な問題を特定するのに役立ちます。

Strict モードについて

StrictMode は開発環境 (運用環境ではない) で動作し、次の方法で潜在的な問題を明らかにすることを目的としています。

• 二重レンダリングの実行
• 厳格化rules
• エラー メッセージの明確性の向上

Strict モードの無効化

Strict モードを意図的に無効にした場合は、create-react-app またはこのモードを自動的に有効にする同様のツール。

index.js ファイルで、{app} コンポーネントに気付くかもしれません。 でラップされています。これを無効にするには、 を削除するだけです。 tag:

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

厳密モードは潜在的な問題を特定するのに役立ちますが、必須ではないことに注意してください。デバッグ プロセスを妨げる場合は、無効にすることを選択できます。

以上がReact アプリがデバッグ モードで 2 回レンダリングされるのはなぜですか? それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。