在React前端开发中，为了方便我们在开发中查看React组件元素，我们通常会在Chrome浏览中引入ReactDevTools和ReduxDevTools插件。
1、我们从网络上下载这两个插件的rar包，然后解压到当前文件夹，如下图所示：
2、打开Chrome浏览器，点击右上角的更多图标，然后依次选择“更多工具”-“扩展程序”，如下图所示：
3、浏览器打开Chrome://extensions，点击“加载已解压的扩展程序”，如下图所示：
4、浏览选择我们先前解压的ReactDevTools文件夹，如下图所示：
5、提示扩展程序已加载，界面中显示ReactDeveloperTools3.6.0版本，如下图所示：
6、再次浏览选择我们先前解压的ReduxDevTools文件夹，如下图所示：
7、此时ReduxDevTools2.15.2插件也已经加载，如下图所示：
8、运行我们的React程序，然后点击右上角的更多图标，然后依次选择“更多工具”-“开发者工具”，如下图所示：
9、此时控制台提示js脚本错误，但是在我们安装插件前程序运行正常，如下图所示：
10、我们根据上面的js脚本错误提示，在程序中找到
/node_modules/
pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshengry.js，并定位到第8行代码，我们将该行代码注释掉，如下图所示：11、然后我们重新通过npmstart运行React程序，刷新浏览器查看结果，同时打开开发者工具，可以看到多出了Redux和React两个标签，我们点击React可以查看当前运行页面的React元素信息，如下图所示：
联系电话：