React Developer Tools的安装及脚手架项目报错解决

由于chrome应用商店打不开，无法下载React开发者工具插件，所以我在网上找了安装包，下面是简单的流程。

1.安装包链接，下载并解压到指定路径

react插件： 链接: https://pan.baidu.com/s/1xUuVvnvGIlcs3LLq9j7oig 提取码: 8n34

redux插件：链接: https://pan.baidu.com/s/16kMr4q4xT-osUABTEfr7UA 提取码: f8p3 

原文链接：https://blog.csdn.net/u013332981/article/details/90543082

2.打开chrome浏览器，...--->更多工具-->扩展程序--->加载已解压的扩展程序--->选择刚刚的路径

 3.点击扩展程序的小图标，点击一下钉住该插件

4.此时可以运行一下你的react代码，发现与官方文档颜色不一致，因为我们的demo仅仅是在本机上的，并没有打包部署到服务器上，可以看下用react写的已经上线的项目，例如美团的react图标

5.按F12开发者工具，可以看到react，自定义组件，props代表的是react组件的属性

6.今天来更新2021/10/25！！！之前用chrome浏览器安装该插件后，使用脚手架来搭建React项目总是会报错，就用了别的浏览器发现不报错，今天发现是因为该插件版本和浏览器版本之间的问题，直接找到报错代码所在文件Uncaught TypeError: Cannot read properties of undefined (read。。。。。（我的是某个node_modules依赖包）找到报错的某行，注释掉即可，也不会影响该插件的正常使用和项目的正确运行！！