React コンポーネントが 2 回レンダリングされるのはなぜですか?
P粉268654873
P粉268654873 2023-10-16 12:47:00
0
1
692

React コンポーネントが 2 回レンダリングされる理由がわかりません。そこで、params から電話番号を抽出して状態に保存し、Firestore 経由で検索できるようにします。電話番号とゼロ点が 2 回レンダリングされることを除いて、すべてが正常に動作しているようです。 2 回目のレンダリングではすべてのデータが正しく表示されます。誰か解決策を教えてくれませんか?

ああああ

P粉268654873
P粉268654873

全員に返信(1)
P粉608647033

あなたはアプリケーションを厳密モードで実行しています。 Index.js に移動し、strict mode タグをコメントアウトします。レンダリングが見つかります。

この現象は React.StrictMode の意図的な機能です。これは開発モードでのみ発生し、レンダリング段階での意図しない副作用を検出するのに役立ちます。

ドキュメントより:

^ この場合は render 関数です。

React.StrictMode 使用時の再レンダリングの原因に関する公式ドキュメント:

https://reactjs.org/docs/strict-mode.html#予期しない副作用の検出

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート