安装React开发者工具

我们在说组件之前，需要先安装一下React官方推出的开发者工具，首先我们分享在线安装方式

首先打开谷歌网上应用商店(针对谷歌浏览器)，在输入框内搜索react，安装如下插件：

注意安装提供方为Facebook的插件，这是官方出品，非常好用

但是想要打开谷歌网上应用商店，除非你身处国外。所以我们接下来分享离线安装方式

首先打开极简插件，选择搜索：

然后我们搜索react，点开后选择推荐下载：

然后解压文件，打开，选择后缀名为.crx的文件。再回到谷歌浏览器，点击右上角三个点，选择扩展程序，管理扩展程序，把开发者模式打开：

将.crx的文件拖拽到浏览器也页面上，松开鼠标进行安装

安装成功后可以找一个用React写的网站，例如JetBrains官网

我们打开开发者工具，发现多了两个选项：

我们暂时还用不上Profiler选项，我们打开Components选项：

我们发现有许多组件，组件的定义我们下篇文章再说

我们也可以点击右上角扩展程序图标，把他钉在这：

如果是该网页使用了React且已经上线，则图标是这样：

若没上线则是这样：

看起来挺诡异的，还有一条小虫子一样的东西在上面

若没有使用React就是灰色的：

我们把开发者工具搞好了之后就要开始正式学习React了！

再见！