ReactJS Route 404 '*', перенаправляющий все время

Question

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

#redirect in all pages
<Redirect exact={true} from='*' to='/404' /> #test 1
<Redirect from='*' to='/404' /> #test2

#appear in the bottom of the pages
<Route exact={true} path='*' component={asyncComponent(() => import('./containers/Page/404'))} />
<Route path='*' component={asyncComponent(() => import('./containers/Page/404'))} />

Answer 1

Это то, как я настроил маршруты в недавнем реактивном проекте.

<Route exact path={`${process.env.PUBLIC_URL}/`} component={Main} />
<Route path='/new' component={ReportCreator}/>
<Route path='/reports/:id' component={Report}/>
<Route component={Page404} />

Использование маршрутизатора BrowserRouter и Switch.

https://reacttraining.com/react-router/web/example/no-match

Answer 2

попробуйте получить таким образом

<Switch>
  <Route path="/" exact component={Home}/>
  <Route path="/will-match" component={WillMatch}/>
  <Route component={NoMatch} />
</Switch>

Реагировать на документы маршрутизатора без совпадения