Header.tsx

import React from 'react';
import {Layout,Menu} from 'antd';
import './page.css'
import { Link } from 'react-router-dom'

// const {SubMenu} = Menu;
const {Header} = Layout;

function Head() {
  return ( 
    <Header className="header">
      <div className="logo"></div>
      <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['1']}>
        <Menu.Item key="1"><Link to={'/'}>首页</Link></Menu.Item>
        <Menu.Item key="2"><Link to={'/user/'}>用户</Link></Menu.Item>
        <Menu.Item key="3"><Link to={'/admin'}>管理员</Link></Menu.Item>
        <Menu.Item key="4"><Link to={'/about'}>关于</Link></Menu.Item>
      </Menu>
    </Header>
  )
}

export default Head;