不知道什么原因 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

同学你好,这个语法不对。看同学使用的是新版本的,新版本中,使用哪一个图标,都要一个一个的引入,然后直接调用引入的变量。示例:

http://img.mukewang.com/climg/5e8c6e51090af70503980188.jpg

http://img.mukewang.com/climg/5e8c6e9d093a69b705330415.jpg

也就是说使用新版的,就不能按照旧版本那样使用遍历的方式去生成。有几个菜单,就要手写几个菜单,然后去调用这些图标。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

1

Walker游游

2020-06-02

把标签放进map里就可以了。

http://img.mukewang.com/climg/5ed65b1a095d796d07060821.jpg

0

0 学习 · 10739 问题

查看课程