Итак, у меня есть один маршрут /reminder
, где я не хочу, чтобы мой Navigation
компонент, но я хочу, чтобы компонент Navigation
отображался на каждом другом маршруте, и я не уверен, как это сделать?
Это мой App.js
, где я использую react-router-dom
для своей маршрутизации.
import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Navigation from "./components/navigation/Navigation";
import Reminder from "./components/reminder/Reminder ";
const App = () => {
return (
<>
<Switch>
<Route path="/reminder" component={Reminder} exact />
</Switch>
<Navigation />
<MainContent>
<Router>
<Route path={"/"} component={Dashboard} exact />
</Router>
</MainContent>
</>
);
}
Я искал похожие проблемы, но это в основном для аутентифицированных страниц, это не так. не для аутентифицированной страницы.
Я не хочу идти по пути необходимости добавления компонента Navigation
в каждый из моих 21 текущих маршрутов, кажется, что должен быть лучший метод?
С моимВ приведенном выше коде он отображает компонент Reminder
, но по-прежнему отображает компонент Navigation
.