Javascript 为react中的某些组件设置公用标题

我正在开发一个reactjs应用程序，该应用程序中有几个组件。例如，最初显示登录页面，登录后将导航到主组件。所以在home组件中，我需要为home组件中的每个页面提供一个通用的标题菜单。最好的方法是什么？ 我是创建HeaderMenu组件并将其导入home中的每个其他组件，还是有办法只为home中的组件导入一次

比如说

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

是我的标题菜单，我已经将它导入到我需要的所有组件中，但没有包括在我需要的地方（例如：初始登录页）

---

这是正确的方法吗？

你说得对，我的朋友：“我需要为主页中的每一页设置一个通用的标题菜单”；如果它是通用的，并且每个部分都应该放在相同的位置，那么导入一次就最有意义了。你说得对。如果用户登录app.js一次，你就可以动态呈现标题组件，而无需将标题添加到所有其他组件中。你说得对，我的朋友：“我需要为主页内的每个页面提供一个通用标题菜单”；如果它是通用的，并且每个部分都应该放在相同的位置，那么导入一次就最有意义了。你的思路是正确的。如果用户登录app.js一次，你就可以动态呈现标题组件，而无需将标题添加到所有其他组件。