如何在React路由器中包含props回调

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

const MyComponent = (props) => {
  // 在这里使用props回调函数
  props.callbackFunction();

  return (
    // 组件的内容
  );
};

const App = () => {
  const myCallback = () => {
    // 这是一个props回调函数
    console.log('Props回调函数被调用了！');
  };

  return (
    <Router>
      <Route
        path="/"
        render={(props) => <MyComponent {...props} callbackFunction={myCallback} />}
      />
    </Router>
  );
};