为什么这样不行？
来源：2-2 Header组件拆分及样式布局（2）
lcyjerry
2020-05-25 15:36:03
import React ,{ Component ,Fragement} from 'react'
import logo from './logo.png';
import { Menu } from 'antd';
import { MailOutlined} from '@ant-design/icons';
import './style.css'
class AppHeader extends Component{
render(){
return(
<Fragement>
<img className="app-header-logo" src={logo} alt=""/>
<Menu onClick={this.handleClick} mode="horizontal">
<Menu.Item key="mail" icon={<MailOutlined />}>
VOA慢速英语
</Menu.Item>
</Menu>
</Fragement>
)
}
}
export default AppHeader
现在这种情况应该怎么改，不更换版本的情况下
4回答
-
好帮手慕星星
2020-05-26
同学你好，课程中通过接口获取的数据中icon小图标不能用在新版本中，需要同学在官网中找到类似的，然后自己写一个本地数据，循环遍历显示。参考
这部分获取数据的代码注释掉
之前注释的展开
效果
自己再测试下， 祝学习愉快！
0 -
好帮手慕星星
2020-05-26
同学你好，经过测试是需要安装ant-design/icons插件的，例如：
然后老师在源码中测试的，将引入方式改变
需要哪个小图标，添加上名称就好
注意每个小图标的key值要不一致，否则会报错。自己再测试下。
祝学习愉快！
0h020-05-26 -
好帮手慕星星
2020-05-25
同学你好，老师将antd插件版本修改之后，粘贴官网源码在项目中，无法实现效果，不确定是否是其他插件版本问题。建议同学先按照课程中插件版本实现，老师这边还在测试中，有结果后会及时回复的。
祝学习愉快！
0 -
lcyjerry
提问者
2020-05-25
老师能回答一下吗
0
相似问题
回答 2
回答 3