Пользовательская страница 404 React Router отображается на всех страницах

Question

Я пытаюсь сделать пользовательскую страницу 404.Судя по документам и предложениям большинства людей, кажется, что лучший способ сделать это:

<BrowserRouter>
 <Switch>
  <Route exact path="/" component={Home}/>
    ....a bunch of other routes
  <Route path="*" components={NotFound}/>
 </switch>
</BrowserRouter>

Проблема в том, что эти вещи отображаются в нижней части каждого компонента.Любое понимание того, почему это так ...?

Answer 1

Я предлагаю вам использовать элемент Switch JSX.С коммутатором будет отображаться только один маршрутизатор.

Я вижу, что вы уже используете его.Похоже, у вас есть опечатка в закрывающем теге, это должен быть Switch с первой заглавной буквой, и вы должны передать компонент prop, а не компонентов

Более того, попробуйте пропустить путь в элементе 404 Route passтолько компонент.