84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
React コンポーネントが 2 回レンダリングされる理由がわかりません。そこで、params から電話番号を抽出して状態に保存し、Firestore 経由で検索できるようにします。電話番号とゼロ点が 2 回レンダリングされることを除いて、すべてが正常に動作しているようです。 2 回目のレンダリングではすべてのデータが正しく表示されます。誰か解決策を教えてくれませんか?
あなたはアプリケーションを厳密モードで実行しています。 Index.js に移動し、strict mode タグをコメントアウトします。レンダリングが見つかります。
この現象は React.StrictMode の意図的な機能です。これは開発モードでのみ発生し、レンダリング段階での意図しない副作用を検出するのに役立ちます。
ドキュメントより:
^ この場合は render 関数です。
render
React.StrictMode 使用時の再レンダリングの原因に関する公式ドキュメント:
https://reactjs.org/docs/strict-mode.html#予期しない副作用の検出
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
あなたはアプリケーションを厳密モードで実行しています。 Index.js に移動し、strict mode タグをコメントアウトします。レンダリングが見つかります。
この現象は React.StrictMode の意図的な機能です。これは開発モードでのみ発生し、レンダリング段階での意図しない副作用を検出するのに役立ちます。
ドキュメントより:
^ この場合は
render関数です。React.StrictMode 使用時の再レンダリングの原因に関する公式ドキュメント:
https://reactjs.org/docs/strict-mode.html#予期しない副作用の検出