Javascript 连接url查询以同步分页和搜索
我正在开发SPA,我有高级搜索和分页功能。该死,要让两者保持同步比我想象的要难。之前我已经完成了这两项功能,但意识到它们并不同步。例如,你搜索了一些东西,说我得到了30个结果,我每页有10个限制,你点击第二页,假设我还必须传回你的搜索查询,反之亦然,就像你导航到第二页,你搜索了一些东西,我必须传回我的当前页码,即2Javascript 连接url查询以同步分页和搜索,javascript,reactjs,pagination,history,Javascript,Reactjs,Pagination,History,我正在开发SPA,我有高级搜索和分页功能。该死,要让两者保持同步比我想象的要难。之前我已经完成了这两项功能,但意识到它们并不同步。例如,你搜索了一些东西,说我得到了30个结果,我每页有10个限制,你点击第二页,假设我还必须传回你的搜索查询,反之亦然,就像你导航到第二页,你搜索了一些东西,我必须传回我的当前页码,即2 我找到了一种方法,但仍然坚持使用查询字符串进行大量手动和解析。任何包裹都能让我的生活更轻松?尝试了querystring和history,两者都不太好。如果您使用的是React路由器
我找到了一种方法,但仍然坚持使用查询字符串进行大量手动和解析。任何包裹都能让我的生活更轻松?尝试了querystring和history,两者都不太好。如果您使用的是React路由器,则可以使用路由指定路径中的参数,即
<Route path="/view/:search/:page" component={Search} />
及
this.props.params.page
this.props.params.search