连接 url 查询以同步分页和搜索答案

【问题标题】：concatenate url query to sync pagination and search连接 url 查询以同步分页和搜索
【发布时间】：2018-05-16 09:55:13
【问题描述】：

我正在开发 SPA，并且我有高级搜索和分页功能。该死的，让两者保持同步比我想象的要难。以前我已经完成了这两个功能，但意识到它们不同步。例如你搜索了一些东西，说我有 30 个结果，我每页有 10 个限制，你点击第二页，假设我还必须传回你的搜索查询，反之亦然，就像你导航到第二页，你搜索一些东西，我必须传回我当前的页码，即 2。

我找到了一种方法来做到这一点，但卡住并使用查询字符串进行了大量手动和解析。任何套餐都可以让我的生活更轻松？试过查询字符串和历史，都不是很好。

【问题讨论】：

标签： javascript reactjs pagination history

【解决方案1】：

如果你使用 React Router，使用路由可以指定路径中的参数，即

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

然后在您的组件中，您可以使用以下方式访问搜索和页面：

this.props.params.page

和

this.props.params.search

【讨论】：