你将学习
- 如何安装 React 开发者工具
浏览器扩展程序
调试使用 React 构建的网站的最简单方法是安装 React 开发者工具浏览器扩展程序。它适用于多种流行的浏览器
现在，如果你访问使用 React 构建的网站，你将看到组件和分析器面板。
Safari 和其他浏览器
对于其他浏览器（例如 Safari），安装 react-devtools npm 包
# Yarn
yarn global add react-devtools
# Npm
npm install -g react-devtools接下来，从终端打开开发者工具
react-devtools然后，通过在网站的 <head> 的开头添加以下 <script> 标记来连接你的网站
<html>
<head>
<script src="https://127.0.0.1:8097"></script>现在在浏览器中重新加载你的网站，以便在开发者工具中查看它。
移动（React Native）
React 开发者工具也可以用于检查使用 React Native 构建的应用程序。
使用 React 开发者工具的最简单方法是全局安装它
# Yarn
yarn global add react-devtools
# Npm
npm install -g react-devtools接下来，从终端打开开发者工具。
react-devtools它应该连接到任何正在运行的本地 React Native 应用程序。
如果开发者工具在几秒钟后没有连接，请尝试重新加载应用程序。