增加对Chrome开发工具的调试工具。
React Developer Tools是针对开源React JavaScript库的Chrome DevTools扩展。
它使您可以检查Chrome开发者工具中的React组件层次结构。
您将在Chrome DevTools中获得两个新标签:“:atom_symbol:组件”和“:atom_symbol:Profiler”。
组件选项卡显示了在页面上渲染的根React组件,以及最终渲染的子组件。
通过选择树中的组件之一,您可以在右侧面板中检查和编辑其当前道具和状态。
在面包屑中,您可以检查所选组件,创建该组件的组件,创建该组件的组件,等等。
如果使用常规的“元素”选项卡检查页面上的React元素,然后切换到“ React”选项卡,该元素将在React树中自动选择。
Profiler选项卡允许您记录性能信息。
支持语言:English
2021-03-09 14:06:22
580KB
开发者工具
1