Reactで巨大なアプリケーションを開発しています。私たちのフォームの 1 つには、さまざまなタブ項目に配置された 60 以上のコンポーネントが含まれています。
入力を編集しようとすると、テキスト ボックスに入力された文字が表示されるまでに 190 ミリ秒かかりました。何時間も問題を掘り下げた後、コンポーネントを追加すると応答時間が長くなることに気付きました。次に、問題は antdesign のレンダリング ロジックにあると判断しました。次に、「why-did-you-update」パッケージを使用して PrimeReact で試しました。結果は同じでした！
状態に変更が発生すると、すべてのコンポーネント (アイコン :) を含む) が「更新した理由」メッセージごとにレンダリングを試みました。
ここにサンドボックスがあります: https://codesandbox.io/s/6w30ro2l9w
「更新した理由」メッセージは間違っていますか、それとも何か不足していますか?