VIP20/20_React.js_VIP22/day-5/code/react-router-demo/src/components/Header.jsx

import { Link } from 'react-router-dom';
import './Header.css';

function Header() {
  return (
    <div className="header">
      <ul>
        <li>
          <Link to="/">主页</Link>
        </li>
        <li>
          <Link to={{ pathname: '/about' }}>关于</Link>
        </li>
        <li>
          <Link to={{ pathname: '/products' }}>商品</Link>
        </li>
      </ul>
    </div>
  );
}

export default Header;