Как добавить значение Dynami c, компонент в моем заголовке и компонент подзаголовка, используя Reaction и Reaction-router-dom

Question

Как я могу добавить данные Dynami c в мой компонент Header и SubHeader? Я хочу добавить динамический заголовок c в свой компонент заголовка, а в свой подзаголовок я добавлю динамический c компонент, такой как кнопка «Отправить», выпадающий список и т. Д. c. Я сделал этот макет, чтобы избежать повторного импорта на всех страницах, но я не уверен, что это правильный подход.

Кстати, я использую response-router-dom v5.1.2. Спасибо.

<Router>
  <Switch>
    <Route exact path={privateRoutesPath}>
      <Layout>
        <Sidebar>
        <Content />
          <Header title="" />
          <SubHeader actions={[]} />
          <Switch>
            {privateRoutes.map(({key, ...route}) => (
              <RouteWithSubRoutes key={key} {...route} />
            ))}
          </Switch>
        </Content>
      </Layout>
    </Route>
    <Route path={["/login"]} render={() => "LOGIN"} />
    <Route path="*" render={() => "No Match"} />
  </Switch>
</Router>