createFromIconfontCN

1,682 阅读1分钟
import { createFromIconfontCN } from '@ant-design/icons';

export default createFromIconfontCN({
  scriptUrl: 下方的 iconfont 生成的地址,
});

<IconComp type="icon-bianji" />

demo.jpg

/*
    其实原理也蛮简单的, createFromIconfontCN 方法会根据你传入的 scriptUrl 生成一个 script
    标签并插入界面中,然后返回一个组件;
*/
React.forwardRef((props, ref) => {
    const { type, children, ...restProps } = props;
    return (
      <Icon {...extraCommonProps} {...restProps} ref={ref}>
        {children}
      </Icon>
    );
});
Icon根据你的type渲染对应的字体