React Developer Tools 开发工具

React Developer Tools是针对开源React JavaScript库的Chrome DevTools扩展。

它使您可以检查Chrome开发者工具中的React组件层次结构。

可以在chrome开发者工具中得到一个名为React的新标签

组件选项卡显示了在页面上渲染的根React组件以及最终渲染的子组件。

通过选择树中的组件之一，您可以在右侧面板中检查和编辑其当前道具和状态。在面包屑中，您可以检查所选组件，创建该组件的组件，创建该组件的组件，等等。

如果您使用常规的Elements标签检查页面上的React元素，然后切换到React标签，该元素将在React树中自动选择。

探查器选项卡允许您记录性能信息。