LayoutHeader.js

import React,{Component} from 'react'
import { Layout, Menu, } from 'antd';
const { SubMenu } = Menu;


class LayoutHeader extends Component{
    render(){
        return <>
                    <div className="logo" />
                    <Menu
                        theme="dark"
                        mode="horizontal"
                        defaultSelectedKeys={['2']}
                        style={{ lineHeight: '64px' }}
                    >
                        <Menu.Item key="1">nav 1</Menu.Item>
                        <Menu.Item key="2">nav 2</Menu.Item>
                        <Menu.Item key="3">nav 3</Menu.Item>
                    </Menu>
        </>
    }
}
export default LayoutHeader;