antd 选择文件夹_antd在React项目中的使用

Ant Design of React介绍

1、 antd 是基于 Ant Design 设计体系的 React UI 组件库

2、开箱即用的高质量 React 组件

3、使用 TypeScript 构建，提供完整的类型定义文件

一、装包

npm install antd --save

以按钮Button作介绍

进入官网点击 组件

官网

选择Button进行查看，其中有不同类型的Button按钮的代码演示以及API

代码演示

API

三、引用

在需要使用antd组件的页面导入所需组件，并且导入antd的样式文件

import { Input } from 'antd'

import 'antd/dist/antd.css'

四、Input组件的使用

1、 进入Ant Design官网，进入组件部分找到Input，在代码演示中选择需要的Input框类型，点击展开代码按钮

image.png

2、 将代码复制到项目中

width: '500px',

height: '200px',

background: '#fff',

padding: '