Strict モードと useState によって複数のコンポーネントのレンダリングが発生するのはなぜですか?

更新中に useState によってコンポーネントが複数回レンダリングされるのはなぜですか?

提供されたコード スニペットでは、App コンポーネントが React.StrictMode でラップされており、これにより、厳密モード。このモードでは、React は次のようなさまざまな関数を意図的に二重呼び出しします。

• 関数コンポーネント本体
• useState、useMemo、または useReducer に渡される関数

あなたの場合、useState の使用により、chaneNumber 関数が二重に呼び出されます。この関数を呼び出すたびに状態の更新がトリガーされ、コンポーネントが再レンダリングされます。

解決策:

App コンポーネントを React.StrictMode でラップしないようにします。これにより、状態変更関数の二重呼び出しが防止され、更新中にコンポーネントが 1 回だけレンダリングされるようになります。

以上がStrict モードと useState によって複数のコンポーネントのレンダリングが発生するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。