如何用React结合antd库实现组件功能？

本文共计985个文字，预计阅读时间需要4分钟。

目录 + antd + 使用antdantd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于开发企业级中后台产品。+ 国内镜像为：https://ant-design.gitee.io/docs/react/introduce-cn速度极快 + 进入网页点击组件

目录

• antd
• 使用antd

antd

antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

国内镜像为：ant-design.gitee.io/docs/react/introduce-cn
速度很快

进入网页点击组件就可以看到网页需要的各种配件，如按钮、导航栏等等，并且配有各种使用方法的API，目前已经更新到4.22版本，原本是只支持react不过后来也支持vue了。
3.几版本的文档说明会更加详细
antd还可以更改主题颜色，按需引入组件的css，不过得小小操作一下，以后需要了再来补。
这里就简单展示一下antd的使用。

使用antd

首先需要安装antd

yarn add antd

即可

进入组件选一个比较好看的组件，比如我觉得这个导航栏不错。

然后copy代码就行了。

点击显示代码

然后选择js的代码，copy到App组件就行了。