refer: 快速上手 - Ant Design
1.引入ant
npm install antd --save2.在页面引用：
import { StarOutlined } from '@ant-design/icons';如果想要引入多个icon，可以这样书写：
import { UserOutlined, MailOutlined, PieChartOutlined } from '@ant-design/icons';上面这行代码就是在页面引入了ant的icon StarOutlined,在页面显示的是一个空心的星星
3.在需要的位置使用这个icon
<Button type="primary" onClick={() => this.handleViewClick(record.id)}>
<StarOutlined />
查看
</Button>上面这段代码是在查看这个button左侧增加了这个星星icon，如果你想设置css，例如居右8px等，可以使用：
<StarOutlined style={{ marginRight: 8 }} />如果是在''中引用，可以这样书写：
{
title: (
<span>
<StarOutlined style={{ marginRight: 8 }} />
所属计算方案名称
</span>
),
dataIndex: 'calculation_plan_name',
key: 'calculation_plan_name',
}, 
文章来源：https://www.toymoban.com/news/detail-626507.html
文章来源地址https://www.toymoban.com/news/detail-626507.html
到了这里，关于react ant icon的简单使用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
