React 动态显示icon

通过@ant-design/icons引入Icon大对象，通过Icon['icon名']获取对应的对象，在需要添加icon的地方调用React.createElement就可以显示icon。

import { Button } from "antd" import React from 'react' import * as Icon from '@ant-design/icons'; function MyButton(props:{ icon: string, text: string, }){ return ( <> <Button icon={ React.createElement( Icon[props.icon] ) }> {props.text} </Button> </> ) } export default function(){ return ( <> <MyButton icon='PlusOutlined' text='Add' /> <br/> { React.createElement( Icon['PlusOutlined'] ) } </> ) }