我换成3.0版本了。按照老师的代码写发现还是会出现报错。

package.json安装的相关包如下

{

  "name": "my-app",

  "version": "0.1.0",

  "private": true,

  "dependencies": {

    "@ant-design/icons": "^4.3.0",

    "@testing-library/jest-dom": "^5.11.6",

    "@testing-library/react": "^11.2.2",

    "@testing-library/user-event": "^12.5.0",

    "antd": "^3.10.9",

    "react": "^17.0.1",

    "react-dom": "^17.0.1",

    "react-scripts": "4.0.1",

    "web-vitals": "^0.2.4"

  },

组件里面的index.js文件如下

import React,{Component, Fragment} from "react";

// 引入图片

import logo from './logo.png';

// 引入头部的样式

import './style.css';

import { Menu,Icon } from 'antd';

class AppHeader extends Component{

    constructor(props){

        super(props);

        this.state={

            list:[

                {id:1,icon:"mail" , title:"VOA慢速英语"},

                {id:2,icon:"mail" , title:"VOA慢速英语"},

                {id:3,icon:"mail" , title:"VOA慢速英语"},

                {id:4,icon:"mail" , title:"VOA慢速英语"},

            ]

        }

    }

    getMenuItems(){

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

          return  (

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

                   <Icon type={item.icon} />

                 {item.title}

            </Menu.Item>

            )

        })

    }

    render(){

        return(

            <Fragment>

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

                <Menu  className="app-header-menu"

                mode="horizontal">                  

                    {this.getMenuItems()}                  

                </Menu>

            </Fragment>

        )

    }

}

export {AppHeader};

报错信息好像说我包没更新。老师之前说要3.0版本的，我现在这台电脑进去antdesign网站进不去了。手机确可以，但是手机看不了3.0版本的，以后估计我只能一边用手机看4.0版一边来操作了。

​在这里输入代码，可通过选择【代码语言】突出显示