react中使用iconfont安装@ant-design/icons 主要使用createFromIconfontCN

安装@ant-design/icons

yarn add @ant-design/icons

主要使用createFromIconfontCN函数官方链接

封装Icon组件

import { createFromIconfontCN } from '@ant-design/icons';


const MyIcon = createFromIconfontCN({
  scriptUrl: 'iconfont生成链接',
});

type Props = {
  name: string
}

const Icon: React.FC<Props> = (props) => { 
  return (
    <MyIcon type={`icon-${props.name}`} />
  )
}

export default Icon

使用

    <Icon name="joker"></Icon>