объединить URL-запрос для синхронизации нумерации страниц и поиска - PullRequest
0 голосов
/ 16 мая 2018

Я занимаюсь разработкой SPA, и у меня есть предварительный поиск и нумерация страниц. Черт, это сложнее, чем я думаю, чтобы синхронизировать оба. Ранее я сделал обе функции, но понял, что они не синхронизированы. Например, вы что-то искали, сказали, что я получил 30 результатов, у меня есть 10 ограничений на страницу, вы нажимаете на вторую страницу, предположим, что мне также нужно передать ваши поисковые запросы, и наоборот, как вы переходите на вторую страницу, вы искать что-то, я должен вернуть свой текущий номер страницы, который равен 2.

Я нашел способ сделать это, но застрял и делал много ручного и разбора со строкой запроса. Любая упаковка может сделать мою жизнь проще? Пробовал строку запроса и историю, оба не велики.

1 Ответ

0 голосов
/ 16 мая 2018

Если вы используете React Router, используя маршрут, вы можете указать параметры в пути, например:

<Route path="/view/:search/:page" component={Search} />

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

this.props.params.page

и

this.props.params.search
...