React組件庫Ant Design的安裝與使用

一、什么是 Ant Design

 

1、Ant Design 提煉自企業級中后台產品的交互語言和視覺風格

2、Ant Design 使用 TypeScript 構建，提供完整的類型定義文件

 

 

二、Ant Design 的安裝

 

1、在項目根目錄終端引入：

npm install antd --save

 

2、在 index.js 中加入：

import 'antd/dist/antd.css';

 

三、Ant Design 的使用

 

這里引用 Ant Design 的 Spin 組件作為例子

（1）在頁面的 script 中導入 Spin 組件

import { Spin } from 'antd';

（2）在 render() 中直接使用 <Spin />

  render() {
    return (
      <React.Fragment>
        <Spin />
      </React.Fragment>
    )
  }

運行效果：

更多 MintUI 組件請參考 https://ant.design/docs/react/introduce-cn