我正在编写具有以下形式的React应用:
<div>
<header>
<MainMenu />
<SubMenu />
</header>
<div className="content">
<Switch>
<Route
exact
path={path1}
component={Path1Component}
/>
<Route
exact
path={path2}
component={Path2Component}
/>
...
...
</Switch>
</div>
</div>
我要实现的一项新功能是为每个路由使用不同的<SubMenu />
组件。
我想将SubMenu保持在<header>
下的位置,但在每个路径组件(Path1Component,Path2Component等)中呈现内容。
我尝试搜索Portal示例,但是我意识到我需要DOM节点才能使用它(我没有)。
正确的方法是什么?