Как я могу реализовать нумерацию страниц для реагирования с сохранением состояния при изменении маршрута?

ReactJS — Как я могу реализовать разбиение на страницы для реакции с сохранением состояния при изменении маршрута?

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

{amp}lt;Route path="/items/:page" component={Component} /{amp}gt;

и / items / 1, / items / 2 и использовать

props.match.params.page

На основе быстрого просмотра примера, здесь:

this.setPage(this.props.match.params.page || this.props.initialPage)

И чтобы изменить URL, в onChangePage или даже в обработчике onClick, используйте что-то вроде this.props.history.push(`/items/${page}` . Вы также можете использовать location.pathname prop и проанализировать строку или используйте item?page=1 и выполните синтаксический анализ location.search и т. д.

Если вы хотите поддерживать состояние глобально, а не с маршрутизатора, вы можете использовать Redux.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector