Браузер, показывающий один и тот же компонент для всех маршрутов

Question

Я использую реагирование для воссоздания простого примера маршрута.В настоящее время отображается только компонент приложения, даже если после «localhost: 3000 / # /» я что-то еще наберу. Я хочу отобразить компонент приложения при вызове «localhost: 3000 / # /» и компонент Whoops404 для подстановочного знака.Однако если я поменяю местами линии маршрута и сначала напишу компонент Whoops404, то в каждом URI будет показан компонент Whoops404.Какой бы маршрут не был написан, он начинает отображаться в браузере для каждого URI.Пожалуйста, дайте мне знать, что мне не хватает?Мой код index.js выглядит следующим образом

import React from 'react'
import {render} from 'react-dom'
import {App} from './components/App'
import {Whoops404} from './components/Whoops404'
import {BrowserRouter, Switch, Route} from 'react-router-dom'

window.React = React
render(
<BrowserRouter>
    <div>
        <Switch>
            <Route path = '/' component = {App}/>
            <Route path = '*' component = {Whoops404}/>
        </Switch>
    </div>
</BrowserRouter>,  
document.getElementById('react-container'));

Answer 1

Вам необходимо добавить "точное" ключевое слово в свой маршрут

` <Switch>
        <Route exact path = '/' component = {App}/>
        <Route exact path = '*' component = {Whoops404}/>
    </Switch>`