在React导航v5动态组件配置中向组件传递道具

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

const MyComponent = ({ prop1, prop2 }) => {
  // 在这里使用传递的道具
  return (
    <div>
      <h1>MyComponent</h1>
      <p>prop1: {prop1}</p>
      <p>prop2: {prop2}</p>
    </div>
  );
};

const App = () => {
  return (
    <Router>
      <Route
        path="/my-component"
        render={() => <MyComponent prop1="Value 1" prop2="Value 2" />}
      />
    </Router>
  );
};

export default App;