react导航-用作导航setOption的prop值:参数键

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

const Navigation = () => {
  const setOption = () => {
    // 设置导航组件的选项
    // ...
  };

  return (
    <BrowserRouter>
      <nav>
        <ul>
          <li>
            <Link to="/" onClick={setOption}>Home</Link>
          </li>
          <li>
            <Link to="/about" onClick={setOption}>About</Link>
          </li>
          <li>
            <Link to="/contact" onClick={setOption}>Contact</Link>
          </li>
        </ul>
      </nav>

      <Route path="/" exact component={Home} />
      <Route path="/about" component={About} />
      <Route path="/contact" component={Contact} />
    </BrowserRouter>
  );
};

const Home = () => <h1>Home</h1>;
const About = () => <h1>About</h1>;
const Contact = () => <h1>Contact</h1>;

export default Navigation;