如何使用Chrome Dev Tools时间表找出哪些反应组件正在更新？

Question

我已经在我的React / Redux应用程序中实现了react-dates以获得一个漂亮的日历，但我遇到了严重的性能问题，而且我无法正确地进行操作。

我使用了repo的示例组件，因此它没有与我的组件state或redux store链接。

每次我在日历上的某一天徘徊，就会触发整个混乱：

作为完全与我的应用程序隔离的选择器，我认为它触发的唯一更新应该是组件本身。但是它落后了很多，并且在时间轴上看着筹码，在我看来，还有很多参与者参与其中。

我不是JS perf分析的大专家，所以我需要一些帮助，我如何从中了解哪些组件正在更新？

更新：我使用react开发工具来突出显示哪些组件正在更新，而且似乎只有它正在更新的日历。我无法理解为什么他们的演示中的完全相同的组件没有问题，并且在我的应用程序的上下文中有太多滞后