переадресация изменения компонента по реагирующему маршрутизатору

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);