所以我有很多组件，每个组件都有自己的shouldComponentUpdate()功能。他们中的大多数只是简单地比较基于immutable.js数据集的状态。其中一些比较道具。其中一些与PureRenderMixin一起使用。但随着应用程序的增长，新的状态被添加，新的道具被添加，商店改变他们的API等等。所以，目前我需要一些东西来检查开发过程中究竟发生了什么。我可以使用Chrome DevTools来查看和可视化DOM的更改位置，但不知道如何检查反应虚拟DOM是否已更改。
我有一个想法用测试覆盖shouldComponentUpdate() - s，但它似乎是一个测试开销，因为我测试了每个可能的状态两次：它在我的应用程序中的行为及其在shouldComponentUpdate()中的行为。 / p>
答案 0 :(得分：2)
由于我在Este.js中使用基本纯组件，所以我需要检查更新的组件取消注释：https://github.com/steida/este/blob/fb951cfd3805926c22697486c12bc7ddce3f1ecb/src/client/components/component.react.js#L26