Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 连接url查询以同步分页和搜索_Javascript_Reactjs_Pagination_History - Fatal编程技术网

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

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

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


我找到了一种方法,但仍然坚持使用查询字符串进行大量手动和解析。任何包裹都能让我的生活更轻松?尝试了querystring和history,两者都不太好。

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

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

this.props.params.page
this.props.params.search