下载React developer tools
此处省略。。。
React developer tools的三种状态
React developer tools
有三种颜色,三种颜色代表三种状态:
- 灰色: 这种就是不可以使用,说明页面不是又React编写的。
- 黑色: 说明页面是用React编写的,并且处于生成环境当中。
- 红色: 说明页面是用React编写的,并且处于调试环境当中。
React developer tools使用
打开浏览器,然后按F12
,打开开发者工具,然后在面板的最后一个,你会返现一个React
,这个就是安装的插件了。
在这里你可以清晰的看到React的结构,让自己写的代码更加清晰,你还可以看到组间距的数据传递,再也不用写console.log
来测试程序了。