React学习21----React UI框架Antd(Ant Design)的基本使用

Ant Design 现在支持：react,angular,vue 3个框架
官网地址：
https://ant.design/index-cn

具体使用：
1、antd官网：
https://ant.design/docs/react/introduce-cn

2、React中使用Antd
2.1安装antd npm install antd --save / yarn add antd / cnpm install antd --save
2.2在您的react项目的css文件中引入 Antd的css
@import ‘~antd/dist/antd.css’;

3、看文档使用：
如使用Button：
3.1、在对应的组件中引入Antd
import { Button } from ‘antd’;
3.2、

<Button type="primary">Primary</Button>

在官网中找到源码：

下面我们写一个布局：
项目结构：