React——相关js库以及使用React开发者工具调试

一、React相关js库

关于以下三个js库以及React开发者工具调试已经放到百度网盘里了，有需要的小伙伴可以自己提取哦

1. react.js：React核心库。
2. react-dom.js：提供操作DOM的react扩展库。
3. babel.min.js：解析JSX语法代码转为JS代码的库。

链接：https://pan.baidu.com/s/1p6pPm-NneyZu37UZ7U8KWwhttp://xn--https-bl8js66z7n7i//pan.baidu.com/s/1p6pPm-NneyZu37UZ7U8KWw提取码：lyrk 

二、使用React开发者工具调试

1、安装

（1）打开谷歌浏览器，在页面的右上角有桑竖着排放的点点，点击找到更多工具

（2）点击之后在左边会弹出一个窗口，再点击扩展程序 

   

（3）将网盘里面的React开发者工具文件提取出来之后放到桌面上，点击左上角加载已解压的扩展程序，选中React开发者工具文件即可

 

（4）记住一定要将右上角的开发者模式打开

（3）然后在页面的右上顶端部分就可以看到这个图标了，因为我们没有打开React文件，所以图标时灰色的

 

 2、使用React开发者工具

（1）打开一个用React写的页面，打开控制台可以看到有两个新的东东

 （2）我们点击第一个就可以看到我们的代码结构了以及操作代码