文章导读
大家好，我是陈景序，今天我们来聊聊如何在React项目中使用antd这个强大的UI组件库。antd可以帮助我们快速搭建企业级中后台产品的界面。接下来，我会一步步带你安装、引入和使用antd组件。
React中使用antd
首先，你需要安装antd。打开你的项目文件，在终端输入以下命令：
yarn add antd当然，你也可以使用npm命令，但个人推荐使用yarn，因为它更方便。
接下来，我们需要引入antd的样式。在项目的index.js文件中，添加以下代码：
import 'antd/dist/reset.css';或者，在App.css文件中添加：
@import '~antd/dist/antd.css';现在，我们可以开始使用antd组件了。以下拉菜单为例，我们选择第一个组件，点击代码区域，选择JavaScript代码。
import React from 'react';
import { DownOutlined, SmileOutlined } from '@ant-design/icons';
import { Dropdown, Space } from 'antd';
function Home() {
const items = [
{
key: '1',
label: (