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

时间:2018-05-16 09:55:14

标签: javascript reactjs pagination history

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

我找到了一种方法来做到这一点,但坚持并做了很多手动和解析查询字符串。任何包装都可以让我的生活更轻松?尝试过查询和历史,两者都不是很好。

1 个答案:

答案 0 :(得分:0)

如果您使用的是路由,则可以使用路径指定路径中的参数,即

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

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

this.props.params.page

this.props.params.search