如何在react导航v5中将导航属性传递给子组件

npm install react-router-dom

import { BrowserRouter as Router, Route } from 'react-router-dom';

function ParentComponent() {
  const navigationProps = {
    prop1: 'value1',
    prop2: 'value2',
  };

  return (
    <Router>
      <Route path="/child" render={() => <ChildComponent {...navigationProps} />} />
    </Router>
  );
}

function ChildComponent(props) {
  console.log(props.prop1); // 输出'value1'
  console.log(props.prop2); // 输出'value2'

  // 子组件的其余代码...

  return (
    // 子组件的JSX代码...
  );
}