react developer tools

React Developer Tools是一款由React核心团队开发的浏览器扩展，专为前端开发者设计，以便在开发过程中更容易地调试React应用程序。该工具能够帮助开发者查看和审查组件树、状态和属性，以及执行性能分析等。React Developer Tools提供了一个内置的性能分析器，允许开发者记录组件的渲染过程和性能数据。性能分析器的主要作用在于帮助开发者了解组件在特定操作下的渲染性能，从而识别出导致性能问题的根源。

它会展示该组件的所有相关信息，比如接收到的 props、使用的 hooks、在 DOM 中的节点位置，以及该组件在你本地系统中的文件路径。虽然 React DevTools 很有用，但在大型应用中，它可能只会提供模糊的解释，例如“hook #1 已渲染”，这可能是无用的。这个视图是按降序排列的，也就是说，花费最多时间渲染的组件会位于顶部，而花费最少时间渲染的组件会位于底部。每次提交都会显示一个副作用，为了解决这个问题，你可以双击组件名称，这样就可以一次性查看目标组件内部的所有子组件，将以高亮的形式。

react调试工具,像vue-devtool一样,可以方便的追踪调试state,props等实时状态.说明: 当前版本不推荐,在react-design-pro项目中会直接报错.