對使用React框架開發的項目來說，選擇一款適合自己的UI庫極為重要，antd就是一個不錯的選擇。antd是基於Ant Design設計體系的React UI組件庫，主要用於企業級中后台產品。 是一款開箱即用的高質量React組件庫。支持目前幾乎所有的瀏覽器（支持IE11及以上），而且還支持Electron桌面程序開發。
Antd官網：https://ant.design/
1. 安裝
使用npm安裝：
cnpm i antd -S
使用yarn安裝：
yarn add antd
2. 使用
使用前，需要引入CSS樣式：
import 'antd/dist/antd.css';
在需要使用antd的組建中，按需引入相關UI組件：
import { Button } from 'antd';
ReactDOM.render(<Button />, document.getElementById('root'));
3. 查看官方文檔
登錄antd官網地址：https://ant.design/
官網經常打不開，可以使用官方鏡像地址：https://ant-design.gitee.io/index-cn
打開網站后，在導航中找到組件，根據自己的需求查看相應組件的教程。
我們這里以按鈕組件為例，可以查看該組件的代碼演示：
在不同的UI樣式的示例中，可以點擊 <> 按鈕查看源碼，按照源碼中的示例，在項目中對引用該樣式組件。
也可以通過查看API，學習組件上的屬性和組件的相關配置項：
其他組件可以按照以上方法學習，UI組件的使用都是大同小異的，最主要是學習每個組件的API中配置項。