在Reactjs中获取激活导航项目

import React from 'react';
import { Link, useLocation } from 'react-router-dom';

const Navigation = () => {
  const location = useLocation();

  const isActive = (path) => {
    return location.pathname === path ? 'active' : '';
  };

  return (
    <nav>
      <ul>
        <li className={isActive('/')}><Link to="/">Home</Link></li>
        <li className={isActive('/about')}><Link to="/about">About</Link></li>
        <li className={isActive('/contact')}><Link to="/contact">Contact</Link></li>
      </ul>
    </nav>
  );
};

export default Navigation;