本文摘自PHP中文网，作者藏色散人，侵删。
谷歌调试react项目的方法：首先使用Chrome打开需要调试的React页面，并打开“开发者工具”；然后点击“开发者工具”上方工具栏最右侧的react标签；最后查看各个组件之间的嵌套关系以及每个组件的事件、属性、状态等信息即可。
本教程操作环境：windows7系统、react17.0.1&&chrome87.0版本、thinkpad t480电脑。
推荐：《react视频教程》
谷歌浏览器怎么调试react项目？
（1）首先使用 Chrome 打开需要调试的 React 页面，并打开“开发者工具”。
（2）在“开发者工具”上方工具栏最右侧会有个 react 标签。点击这个标签就可以看到当前应用的结构。
通过 React Developer Tools 我们可以很方便地看到各个组件之间的嵌套关系以及每个组件的事件、属性、状态等信息。
（3）React Developer Tools会自动检测React组件，不过在webpack-dev-server模式下，webpack会自动将React组件放入到iframe下，导致React组件检测失败，变通方法是webpack-dev-server配置在--inline模式下即可:
webpack-dev-server --inline
相关阅读 >>
更多相关阅读请进入《React》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
