不知道什么原因 Icon引入不了
来源:2-3 Ajax获取Header组件数据
v007
2020-04-07 11:14:01
不能用type设置样式只能这样把小图标导入再用;
import {MailOutlined,CopyOutlined} from '@ant-design/icons';
那么问题来了;用以上如<MailOutlined/>小图标,遍历的时候还要更改不同的图标怎么办
下面这种写法怎么不行?
getMenuItems(){
let types={
mail:'CopyOutlined'
}
return this.state.list.map(e=>{
return (
<Menu.Item key={e.id}>
<{types[e.type]} />
{e.title}
</Menu.Item>
)
});
}
2回答
好帮手慕夭夭
2020-04-07
同学你好,这个语法不对。看同学使用的是新版本的,新版本中,使用哪一个图标,都要一个一个的引入,然后直接调用引入的变量。示例:


也就是说使用新版的,就不能按照旧版本那样使用遍历的方式去生成。有几个菜单,就要手写几个菜单,然后去调用这些图标。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
Walker游游
2020-06-02
把标签放进map里就可以了。

相似问题