親コンポーネントと複数の機能する子コンポーネントがあるとします。親が再レンダリングするかどうか、子が再レンダリングするかどうかを明確に知りたいです。
いくつかの記事を読んだ後、再レンダリングを検出する方法が 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 に問題があるか?