Javascript 如何检查react shouldComponentUpdate是否正常工作_Javascript_Dom_Reactjs_Google Chrome Devtools_State

Javascript 如何检查react shouldComponentUpdate是否正常工作

javascript dom reactjs google-chrome-devtools

Javascript 如何检查react shouldComponentUpdate是否正常工作,javascript,dom,reactjs,google-chrome-devtools,state,Javascript,Dom,Reactjs,Google Chrome Devtools,State,所以我有很多组件，每个组件都有自己的shouldComponentUpdate（）函数。它们中的大多数只是基于immutable.js数据集比较状态。有些人比较道具。他们中的一些人与我们一起工作。但随着应用程序的增长，新的状态被添加，新的道具被添加，商店改变他们的API等等。所以，目前我需要一些东西来检查在开发过程中实际发生了什么。我可以使用ChromeDevTools查看和可视化DOM的更改位置，但不知道如何检查虚拟DOM是否更改我想用测试来涵盖shouldComponentUpdate（）

所以我有很多组件，每个组件都有自己的

shouldComponentUpdate（）

函数。它们中的大多数只是基于immutable.js数据集比较状态。有些人比较道具。他们中的一些人与我们一起工作。但随着应用程序的增长，新的状态被添加，新的道具被添加，商店改变他们的API等等。所以，目前我需要一些东西来检查在开发过程中实际发生了什么。我可以使用ChromeDevTools查看和可视化DOM的更改位置，但不知道如何检查虚拟DOM是否更改

我想用测试来涵盖

shouldComponentUpdate（）

-s，但这似乎是一个测试开销，因为我测试了两次每个可能的状态：它在我的应用程序中的行为和它在

shouldComponentUpdate（）

中的行为，因为我在Este.js中使用的是基本纯组件，我需要检查更新的组件，只需取消注释即可：

我不明白你在问什么。你能澄清你的问题吗？