我們在說組件之前，需要先安裝一下React官方推出的開發者工具，首先我們分享在線安裝方式

首先打開谷歌網上應用商店(針對谷歌瀏覽器)，在輸入框內搜索react，安裝如下插件：

注意安裝提供方為Facebook的插件，這是官方出品，非常好用

但是想要打開谷歌網上應用商店，除非你身處國外。所以我們接下來分享離線安裝方式

首先打開極簡插件，選擇搜索：

然后我們搜索react，點開后選擇推薦下載：

然后解壓文件，打開，選擇后綴名為.crx的文件。再回到谷歌瀏覽器，點擊右上角三個點，選擇擴展程序，管理擴展程序，把開發者模式打開：

將.crx的文件拖拽到瀏覽器也頁面上，松開鼠標進行安裝

安裝成功后可以找一個用React寫的網站，例如JetBrains官網

我們打開開發者工具，發現多了兩個選項：

我們暫時還用不上Profiler選項，我們打開Components選項：

我們發現有許多組件，組件的定義我們下篇文章再說

我們也可以點擊右上角擴展程序圖標，把他釘在這：

如果是該網頁使用了React且已經上線，則圖標是這樣：

若沒上線則是這樣：

看起來挺詭異的，還有一條小蟲子一樣的東西在上面

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

我們把開發者工具搞好了之后就要開始正式學習React了！

再見！