react ant-sesign使用阿里巴巴iconfont方法

• xxx.js为文件iconfont下载的iconfont文件

import { createFromIconfontCN } from '@ant-design/icons';
interface iconfontProps {
  type: string;
  style?: object;
  className?: string;
  onClick?: any;
  [key: string]: any;
}

const IconFont = createFromIconfontCN({
  scriptUrl: `/static/icon/xxx.js`,
});

export default function ({
  type,
  style,
  className,
  onClick,
  ...props
}: iconfontProps) {
  return (
    <IconFont
      style={style}
      type={type}
      className={className}
      onClick={onClick}
      {...props}
    />
  );
}

使用方法

import MyIcon from 'src/component/myIcon'
<MyIcon type='xxx' />