如何使用带交换机的React Router 4向this.props.children传递道具？

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

// 定义一个父组件
class ParentComponent extends React.Component {
  render() {
    return (
      <div>
        <h1>Parent Component</h1>
        <Switch>
          <Route exact path="/" render={(props) => (
            <ChildComponent {...props} customProp="Custom Prop Value" />
          )} />
        </Switch>
      </div>
    );
  }
}

// 定义一个子组件
class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <h2>Child Component</h2>
        <p>Custom Prop: {this.props.customProp}</p>
      </div>
    );
  }
}

// 在根组件中使用带交换机的React Router
class App extends React.Component {
  render() {
    return (
      <Router>
        <ParentComponent />
      </Router>
    );
  }
}

export default App;