Мое текущее дерево маршрутизаторов выглядит так:
<Route exact path = "/" component = {Landing} />
<Route component = {Header} />§
<Route path = "/component1" component = {Component1} />
<Route path = "/component2" component = {Component2} />
...
Я хочу, чтобы <Header /> отображался всегда при рендеринге компонентов <Component1 /> и <Component2 />, но не когда пользователь находится на целевой странице (<Landing />).
Однако с указанным выше деревом реактивного маршрутизатора <Header /> отображается всегда.





Вы можете использовать Switch из react-router-dom и настроить свои маршруты, как
<Switch>
<Route exact path = "/" component = {Landing} />
<Route component = {Header} />
</Switch>
<Route path = "/component1" component = {Component1} />
<Route path = "/component2" component = {Component2} />
В приведенном выше случае, если маршрут Landing совпал, Header не отображается, иначе отображается Header.