Я пишу приложение реагирования, которое имеет следующую форму:
<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, ...).
Я попытался найти примеры на портале, но понял, что мне нужен узел DOM, чтобы использовать его (чтоУ меня нет).
Как правильно это сделать?