如何在react中将属性从路由数组传递到组件

npm install react-router-dom

const routes = [
  {
    path: '/',
    exact: true,
    component: Home,
    props: { name: 'John', age: 25 }
  },
  {
    path: '/about',
    component: About,
    props: { name: 'Jane', age: 30 }
  }
];

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

function App() {
  return (
    <Router>
      {routes.map((route, index) => (
        <Route
          key={index}
          path={route.path}
          exact={route.exact}
          render={(props) => <route.component {...props} {...route.props} />}
        />
      ))}
    </Router>
  );
}

function Home(props) {
  return (
    <div>
      <h1>Welcome, {props.name}!</h1>
      <p>You are {props.age} years old.</p>
    </div>
  );
}