Как отобразить не найденную страницу на не определенном слаге? / React Router DOM

Question

Как я могу отобразить что-то вроде страницы, не найденной в заданном пути маршрута, но с недопустимым слагом? Пример:

Я определил маршрут с путем /about:

<Switch>
   // other routes 
   <Route path="/about" component={AboutPage} />
   <Route component={PageNotFound} />
</Switch>

Когда я захожу по такой ссылке:

I Получил информацию о компоненте страницы, но у меня неправильный слаг (или не определен) после маршрута (в моем случае /about), как это отловить и отобразить не найденную страницу в примере кода выше.

Спасибо. о /

Answer 1

Причина, по которой вы по-прежнему попадаете на страницу «О программе», заключается в том, что вы все еще ищете путь. Если вы хотите go к маршруту только при точном совпадении пути, вы можете передать в маршрут маршрут exact: <Route exact path='/about' component={AboutPage} />

Answer 2

не уверен, полностью ли я вас понял, но вы стремитесь достичь чего-то вроде этого точного и строгого примера?

Так что для localhost:3000/about вы увидите страницу about, а для localhost:3000/about/sth вы будете перенаправлены на /?