react使用ant-design组件库

Posted yuyujuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react使用ant-design组件库相关的知识,希望对你有一定的参考价值。

新建项目并引入组件

1,全局安装脚手架

npm install -g create-react-app

2,新建项目

create-react-app reactantd

3,安装组件

npm install antd --save

4,引入组件

在需要使用组件的页面进行引入并使用

import Button from ‘antd/lib/button‘
import ‘antd/dist/antd.css‘
<Button type="primary">antd</Button>

以上是关于react使用ant-design组件库的主要内容,如果未能解决你的问题,请参考以下文章

react组件库模板

React & Ant-Design 应用 —— 自适应居中组件(Grid栈格设置布局Space间距设置)

React & Ant-Design 应用 —— 自适应居中组件(Grid栈格设置布局Space间距设置)

我该如何获取ant-d中上传文件的文件路径?

使用dva和ant-design组件在IE中的兼容问题记录

REACT相关资料合集