通过反应路由器更改转发组件

Question

很长时间以来，我一直试图将状态标题值更改为反应堆中给定的值。该代码可以，但是Header组件不变。

我的子组件中间没有任何引用。我应该在那输入什么？

class Header extends React.Component {
  state = {
    title: ''
  };

  updateTitle(newTitle) {
    this.setState({ title: newTitle });
  }

  render() {
    const { title } = this.state;

    return (

          <Typography>
              {title}
            </Typography>


          <Switch>
            <Route
              path="/payment"
              render={() => (<PaymentPage updateTitle={(title) => this.updateTitle(title)} />)}
              title="Payment"
            />
          </Switch>

);

}


class PaymentPage extends Component {

  render() {
    return (
      <div className="payment-page">
        <p>Payment</p>
      </div>
    );
  }
}

export default (PaymentPage);