6

親コンポーネントと複数の機能する子コンポーネントがあるとします。親が再レンダリングするかどうか、子が再レンダリングするかどうかを明確に知りたいです。

いくつかの記事を読んだ後、再レンダリングを検出する方法が 3 つあることを知りました。(他に方法があれば教えてください。)

1.console.log子コンポーネントに a を入れます。

2.設定でChromeペイントの点滅オプションを使用します。

ここに画像の説明を入力

3. React 開発ツールを使用する

ここに画像の説明を入力

コンポーネントが本当に再レンダリングされるかどうかを知るために、これらすべての方法は正しいですか? React.memo では正しく動作しないようです。

子コンポーネントを React.memo でラップするとconsole.log、親コンポーネントが再レンダリングされたときに正しいが表示されません。ただし、クロムと反応開発ツールを使用すると、子コンポーネントが再レンダリングされたかのように強調表示されます。

CodeSandbox: https://codesandbox.io/s/bold-cloud-iv0rv (新しい車を追加しても、静的コンポーネントは緑色で強調表示されますが、メモによると、再レンダリングする必要はありません。)

今私の疑問は、ペイントの点滅が正しく機能しないか、React.memo に問題があるか?

4

1 に答える 1