在react-devtools中，"highlightUpdates“选项的各种突出显示颜色意味着什么
在react-devtools中，"highlightUpdates“选项的各种突出显示颜色意味着什么
提问于 2018-08-02 15:38:57
我一直在使用react-devtools来检测任何不必要的组件更新，但是我不确定我是否完全理解它的工作原理。
我可以识别通过添加的边框更新的各种组件，这表明它们已经更新，但我不确定这些边框的各种颜色意味着什么(到目前为止，我看到的是青色和浅绿色)。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-02 22:27:17
我也不熟悉这一点，但我将跟踪代码！:)
This is the component that renders the "Highlight Updates" toggle.它调用一个通过“桥”向activate the TraceUpdatesBackendManager发送消息的changeTraceUpdates method in the main Store。浏览一下该文件，我们会看到两个类，它们的名称类似于"presenter“；我认为其中一个类实际上就是绘制边界的。特别是TraceUpdatesWebNodePresenter looks related because it defines an array of COLORS。看起来这些颜色是基于一个“set by TraceUpdatesAbstractNodePresenter– and gets incremented each time an element is "presented"”属性选择的，快速搜索一下就会发现这个属性是hit。
从字里行间读出，我认为这意味着渲染频率较低的组件将用“冷”色(蓝色)勾勒出来，而渲染频率较高的组件将用“热”色(红色)勾勒出来。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51648082
复制相关文章
相似问题
腾讯云开发者
