Переключатель реакции в маршрутизаторе отображает все элементы маршрута, которые соответствуют

Question

У меня есть переключатель реакции, подобный этому, и моя проблема в том, что он будет отображать не найденный компонент со всеми другими случаями одновременно в конце страницы, и я не могу избавиться от BrowserRouter, потому что это вызовет ошибку с сообщением Route должен быть внутри маршрутизатора, я просто хочу отобразить первый соответствующий регистр

function App() {
    return (
<BrowserRouter>
    <switch>
        <Route path={"/"} exact  component={Hi}></Route>
        <Route path={"/movies"} exact  component={Layout} />
        <Route path={"/404"} exact component={NotFound}/>
        <Route component={NotFound}></Route>

    </switch>
</BrowserRouter>




    );
}

Answer 1

Вам необходимо указать точный путь, как показано ниже:

    function App() {
     return (
     <BrowserRouter>
      <switch>
         <Route exact path="/"  component={Hi}></Route>
         <Route exact path="/movies"   component={Layout} />
         <Route exact path="/404" component={NotFound}/>
         <Route path="*" component={NotFound}/>
      </switch>
     </BrowserRouter>
);
}