父组件和子组件之间的ReactRouter通信

// 父组件
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

function ParentComponent() {
  return (
    <Router>
      <div>
        <ul>
          <li>
            <Link to="/child1">Child 1</Link>
          </li>
          <li>
            <Link to="/child2">Child 2</Link>
          </li>
        </ul>

        <Route path="/child1" render={() => <ChildComponent message="Hello from Child 1" />} />
        <Route path="/child2" render={() => <ChildComponent message="Hello from Child 2" />} />
      </div>
    </Router>
  );
}

// 子组件
function ChildComponent(props) {
  return <div>{props.message}</div>;
}