图一我的效果，图二视频的。一开始更离谱

我加了个样式

相关截图：

相关代码：

import React, { Component, Fragment } from 'react';
import { Menu } from 'antd';
import { MailOutlined, AppstoreOutlined } from '@ant-design/icons';
import logo from './logo.png';
import './style.css';

class AppHeader extends Component {

    render() {
        return (
            <Fragment>
                <img src={logo} className="app-header-logo" />
                <Menu className="menu-list">
                    <Menu.Item key="mail" icon={<MailOutlined />}>
                        VOA慢速英语
                    </Menu.Item>
                    <Menu.Item key="app"  icon={<AppstoreOutlined />}>
                        英语黑板报
                    </Menu.Item>
                    <Menu.Item key="mail" icon={<MailOutlined />}>
                        VOA慢速英语
                    </Menu.Item>
                    <Menu.Item key="app"  icon={<AppstoreOutlined />}>
                        英语黑板报
                    </Menu.Item>
                </Menu>
            </Fragment>
        )
    }
}

export default AppHeader;

而且它相同项的菜单。鼠标碰到任意一个，相同的结构样式的menu子菜单一样会亮