v19.2Latest
React 开发者工具
使用 React 开发者工具来检查 React组件、编辑props 和 state，并识别性能问题。
您将学习
- 如何安装 React 开发者工具
浏览器扩展
调试使用 React 构建的网站最简单的方法是安装 React 开发者工具浏览器扩展。它适用于多种流行的浏览器：
现在，如果您访问一个使用 React 构建的网站，您将看到 组件 和 性能分析器面板。
Safari 和其他浏览器
对于其他浏览器（例如 Safari），请安装react-devtoolsnpm 包：
接下来从终端打开开发者工具：
然后通过将以下 <script> 标签添加到您网站的 <head>开头来连接您的网站：
现在在浏览器中重新加载您的网站，即可在开发者工具中查看它。
移动端 (React Native)
要检查使用 React Native构建的应用，您可以使用React Native DevTools，这是一个深度集成了 React 开发者工具的内置调试器。所有功能都与浏览器扩展完全相同，包括原生元素高亮和选择。
对于早于 0.76 版本的 React Native，请按照上面的 Safari 和其他浏览器指南使用 React DevTools 的独立构建版本。