import
语句导入相应的图标:import { CloseCircleOutlined, SearchOutlined } from '@ant-design/icons';
组件中使用这些图标,通过设置它们的prefix
和suffix
属性来控制它们的位置和样式。例如,以下是将自定义的关闭图标添加为输入框的字符串后缀的示例:} />
如果您想使用自己的SVG图标,请按如下示例前往官方文档并上传SVG图标:https://ant.design/components/icon-cn/#%E4%BD%BF%E7%94%A8%E8%87%AA%E5%B7%B1%E7%9A%84%E5%9B%BE%E6%A0%87
使用iconFontUrl
属性和自定的iconfont链接进行全局配置。例如,以下是如何将Ant Design官方图标库替换为Bootstrap图标库的示例:
import { ConfigProvider } from 'antd';
import { createFromIconfontCN } from '@ant-design/icons';
const CustomIconFont = createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
});
ReactDOM.render(
,
mountNode,
);