import { createFromIconfontCN } from '@ant-design/icons';
export default createFromIconfontCN({
scriptUrl: 下方的 iconfont 生成的地址,
});
<IconComp type="icon-bianji" />
/*
其实原理也蛮简单的, createFromIconfontCN 方法会根据你传入的 scriptUrl 生成一个 script
标签并插入界面中,然后返回一个组件;
*/
React.forwardRef((props, ref) => {
const { type, children, ...restProps } = props;
return (
<Icon {...extraCommonProps} {...restProps} ref={ref}>
{children}
</Icon>
);
});
Icon根据你的type渲染对应的字体