我一直在使用react devtools来检测任何不必要的组件更新,但我不确定我是否完全理解它的工作原理。
我可以识别通过添加的边框更新的各种组件,这表明它们已经更新,但我不确定这些边框的各种颜色是什么意思(到目前为止,我已经看到了青色和浅绿色(。
我对此也不熟悉,但我将通过代码进行跟踪!:(
这是渲染"高亮显示更新"切换的组件。它调用主Store
中的changeTraceUpdates
方法,该方法通过"桥"发送消息以激活TraceUpdatesBackendManager
。翻阅这个文件,我们看到几个类的名字像"演讲者";我想其中一个就是真正划定边界的地方。特别地,TraceUpdatesWebNodePresenter
看起来是相关的,因为它定义了COLORS
的数组。看起来这些颜色是根据"命中"属性选择的,快速搜索表明该属性是由TraceUpdatesAbstractNodePresenter
设置的,并且每次"呈现"元素时都会增加。
从字里行间看,我认为这意味着渲染频率较低的组件将用"冷"颜色(蓝色(勾勒,渲染频率较高的组件将使用"热"颜色(红色(勾勒。