javascript - 连接 url 查询以同步分页和搜索

Question

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

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

标签： javascriptreactjspaginationhistory

Answer 1

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

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

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

this.props.params.page

和

this.props.params.search