之前的文章都在介紹React的入門，我們從一個react專案的建立到元件的新建，再到路由的配置，最後的路由模組化。我們可以建立的都是一些簡單的react頁面，它的樣式我們最然可以寫css檔案來修飾，但是工作量有點大。

      接下來我們講解react搭配使用的一套元件庫——Ant Design。它類似於Bootstrap，裡面提供了豐富的元件，我們只需配置環境後即可按需引用它們來佈局和開發，提高效率。下面看具體操作：

1 環境配置

      我們在新建的react專案中使用Ant Design，需要安裝它。在react專案檔案中我們開啟命令列，輸入“npm install antd --save”來安裝，如圖：

2 安裝完成後我們在專案的index.css檔案中引入它的樣式檔案，在此檔案頭部加入如下資訊即可完成引入“@import '~antd/dist/antd.css';”：

3 接下來我們在需要元件的地方貼上官網上（https://ant.design/index-cn）的控制元件程式碼，然後引入相應的元件包即可，如下：

4 如果我們不滿意控制元件的大小和顏色，我們可以自己定義它的css樣式。以上就是Ant Design的簡單使用過程。