6

假设我们有一个父组件和多个功能性子组件。我想清楚地知道父母是否重新渲染孩子是否重新渲染。

在浏览了几篇文章后,我知道有 3 种方法可以检测重新渲染。(如果有更多方法,请告诉我。)

console.log1.在子组件中放入a 。

2.在设置中使用Chrome油漆闪烁选项。

在此处输入图像描述

3. 使用 React 开发工具

在此处输入图像描述

所有这些方法是否正确知道组件是否真的重新渲染?因为它似乎不适用于 React.memo。

当我用 React.memo 包装子组件时,它不会打印console.log,当父组件重新呈现时这是正确的。但仍然使用 chrome 和 react 开发工具突出显示子组件,就好像它重新渲染一样。

CodeSandbox:https ://codesandbox.io/s/bold-cloud-iv0rv (如果我们添加一辆新车,静态组件仍以绿色突出显示,但根据备忘录,它不应该重新渲染。)

现在我怀疑,油漆闪烁是否无法正常工作或 React.memo 有问题?

4

1 回答 1

3
于 2020-02-25T06:48:19.040 回答