В настоящее время у меня проблемы с использованием React-router v4 с перенаправлением при использовании параметров URL. Вот маршрут, который я использую:
<Route path="/blog/page/:number" component={Blog} />
Я использую структуру пользовательского интерфейса Semantic-ui-react и ее компонент Pagination (https://react.semantic-ui.com/addons/pagination#pagination-example-shorthand), и я не могу отображать его элементы как ссылки или NavLinks из react-router-dom.
Вместо этого я должен использовать функцию события onPageChange(activePage)
, которая позволяет мне перенаправить на страницу, на которую был сделан щелчок. Я придумал способ сделать это, отрисовав компонент <Redirect to={location} push />
из response-router-dom, и он работает довольно хорошо, за исключением того, что требует управления обновлением компонентов, поскольку он не будет повторно монтировать компонент Blog ...
Моя проблема в том, что я не могу использовать кнопку браузера (хром) для перехода вперед и назад, она просто изменяет URL-адрес и не перемонтирует компонент. Поскольку у меня нет ловушки для управления кнопками «предыдущий» и «следующий» в браузере, мне интересно, как я могу это исправить. Спасибо.