一、安装ReactDeveloperTools插件

• 在Chrome浏览器中，点击右上方的三个小点的菜单图标——更多工具——扩展程序。
• 在新打开的扩展程序页面的左上方的三个横线的菜单图标——打开Chrome应用商店，搜索安装插件即可
  温馨提示：上面操作需要科学上网，不能翻墙可以使用下面方法：

1. 安装谷歌访问助手插件，可以访问Chrome应用商店
2. 离线安装ReactDeveloperTools插件

离线包：谷歌访问助手
                ReactDeveloperTools

二、ReactDeveloperTools的使用

• 打开扩展程序页面，点击该插件的详细信息按钮，将允许访问文件网址一项打开
• 重启浏览器
• 按F12打开开发者工具，会发现选项卡中出现了React选项

RDT.JPG

三、ReactDeveloperTools的功能

• 查看state和props

stateAndprops.JPG

• 当数据改变时，高亮

highlightUpdate.png