如何将自定义道具和历史记录传递给Route

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

// 定义一个组件，用于展示道具
const CustomComponent = (props) => {
  return (
    <div>
      <h2>自定义道具</h2>
      <p>道具内容：{props.customProp}</p>
      <p>历史记录长度：{props.history.length}</p>
    </div>
  );
}

// 定义路由
const App = () => {
  const customProp = '自定义道具内容';

  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">主页</Link>
            </li>
            <li>
              <Link to="/custom">自定义道具</Link>
            </li>
          </ul>
        </nav>

        <Route exact path="/" render={(props) => (
          <h1>欢迎来到主页！</h1>
        )} />

        <Route path="/custom" render={(props) => (
          <CustomComponent {...props} customProp={customProp} />
        )} />
      </div>
    </Router>
  );
}

export default App;