React Router 4 - обработка 404 для вложенных маршрутов

Question

У меня следующий код, и я собираюсь обработать вложенный маршрут, когда введен неправильный:

<Switch>
<Route path="/" exact component={Home} />
<Route path="/sample" exact component={Sample} />
<Route path="/sample/example/:id" exact component={Example} />
<Route path="/sample/:example" exact component={Example} />
<Route component={404}/>
</Switch>

Если пользователь введет localhost:3000/something-wrong, он покажет 404 страницы правильно. Однако, когда он вводит localhost:3000/sample/something-wrong, ничего не отображается! Как мне решить эту проблему таким образом?

Answer 1

localhost:3000/sample/something-wrong обрабатывается path="/sample/:example"

localhost:3000/sample/example/something-wrong будет обрабатываться path="/sample/example/:id"

, поскольку вы используете подстановочные знаки, на самом деле вы ничего не можете сделать, кроме как включитькомпонент Example для отображения соответствующего сообщения или, возможно, для перенаправления на выделенный экран 404.