Установить общий заголовок для определенных компонентов в реакции

Question

Я занимаюсь разработкой приложенияactjs, и в нем есть несколько компонентов. Например, изначально отображается страница входа в систему, и при входе она переходит к домашнему компоненту. Так что в домашнем компоненте мне нужно иметь общее меню заголовка для каждой страницы внутри домашнего компонента. Каков наилучший подход для этого? Создаю ли я компонент HeaderMenu и импортирую его в каждый компонент внутри дома, или есть способ просто импортировать его один раз для компонентов внутри дома?

Например

Компонент A

 <div className="body_clr">

        <NavigationTop
          componentURL={this.props.location.pathname}
          reqUserId={reqUserId}
        />

        <Home/>


</div>

Компонент B

<div className="body_clr">

        <NavigationTop
          componentURL={this.props.location.pathname}
          reqUserId={reqUserId}
        />

        <UserManagement/>


</div>

Здесь NavigationTop - это мое меню заголовка, и я импортировал его во все компоненты, которые мне нужны, и не включил их там, где это нужно (Пример: начальная страница входа).

Это правильный подход?