Реагировать на страницу маршрутизатора не удалось обновить

Question

Я хочу попробовать вложенную маршрутизацию, но она не работает

Codesandbox Link

Сценарий: когда я в первый раз направляюсь на / category / bags , он рендерит правильно но когда я обновляюсь на этой странице, она выдаёт мне страницу ошибки Не найдено

Я пытался использовать this.props.match.url и this.props.match.path , но здесь я получаю сообщение об ошибке, как будто отсутствует prop match.url

Я попробовал следующие ссылки

https://reacttraining.com/react-router/web/guides/quick-start

Как включить объект Match в класс компонента ReactJs?

Вложенные маршруты с реагирующим маршрутизатором v4

Answer 1

Попробуйте использовать ConnectedRouter from ‘react-router-redux’ вместо BrowserRouter from 'react-router-dom'

Эта статья, я надеюсь, поможет вам:

https://medium.com/@Dragonza/react-router-problem-with-gh-pages-c93a5e243819

Answer 2

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

<Route exact path="/category" component={Category} />

Если вы удалите точную из родительской маршрутизации, тогда она будет работать нормально:

<Route path="/category" component={Category} />