# 具体遇到的问题

npm install --save antd@3.10.9

# 报错信息的截图
 继续 npm start

# 相关课程内容截图
icon 图标安装不上  这个怎么解决

​# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输

import React, { Component } from "react";

import { Menu,Icon } from "antd";

import "./style.css";

import logo from "./logo.png";

class AppHeader extends Component {

constructor(props) {

super(props);

this.state = {

list: [

{

id: 1,

icon: "AppstoreOutlined",

title: "VOA慢速英语1",

},

{

id: 2,

icon: "AppstoreOutlined",

title: "VOA慢速英语2",

},

{

id: 3,

icon: "mail",

title: "VOA慢速英语3",

},

{

id: 4,

icon: "mail",

title: "VOA慢速英语4",

},

{

id: 5,

icon: "mail",

title: "VOA慢速英语5",

},

{

id: 6,

icon: "mail",

title: "VOA慢速英语6",

},

],

};

}

getMenuItems() {

// 循环遍历生成menu.item

return this.state.list.map((item) => {

return (

<Menu.Item key={item.id}>

<Icon type={item.icon} />

{item.title}

</Menu.Item>

// <Menu.Item key="mail1" icon={<MailOutlined />}>VOA慢速英语</Menu.Item>

);

});

}

render() {

return (

<div>

<img src={logo} className="app-header-logo"  alt="sss"/>

<Menu mode="horizontal" className="app-header-menu">

{/* <Menu.Item key="mail1" icon={<MailOutlined />}>VOA慢速英语</Menu.Item> */}

{this.getMenuItems()}

</Menu>

</div>

);

}

}

export default AppHeader;

入代码，可通过选择【代码语言】突出显示