本篇经验将和大家介绍在Ed壹执慵驾ge浏览器中安装扩展ReactDevtools，这样我们就可以在浏览器开发者工具中查看React的组件树，希望对大家的工作和学习有所帮助！
工具/原料
DELL台式机
Windows10
MicrosoftEdge96.0.1054.34
方法/步骤
1、打开MicrosoftEdge，点击右侧的“...”，展开后选择“扩展”，如下图所示：
2、在弹出的扩展对话框中，点击“打开MicrosoftEdge外接程序网站”，如下图所示：
3、浏览器打开一个Edge外接程序新页面，在左侧输入框中输入ReactDevtools，然后根据毛殴陀灾搜索结果，单击“获取”，如下图所示：
4、提示“将ReactDevelop娣定撰钠erTools添加到MicrosoftEdge?”,然后点击“添加扩展”，如下图所示：
5、ReactDeveloperTools已添加到MicrosoftEdge，点击“启用同步”，如下图所示：
6、打开MicrosoftEdge，点击右侧的“...”，展开后选择“更多工具”->“开发人员工具”，如下图所示：
7、选择“Component”以及“Profiler”，可以查看组件的情况，如下图所示：
