React调试工具

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

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

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

  图片：r3.JPG

  

• 查看state和props

图片：r2.JPG

• 当数据改变时，高亮

图片：r4.png