Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.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
Reactjs 如何使用React恢复“返回过滤器”按钮?_Reactjs_React Hooks - Fatal编程技术网

Reactjs 如何使用React恢复“返回过滤器”按钮?

Reactjs 如何使用React恢复“返回过滤器”按钮?,reactjs,react-hooks,Reactjs,React Hooks,ItemList:呈现预定义项的列表 当您单击列表中的某个项目时,您将被重定向到另一个包含ItemDetails组件的页面,该页面将显示该项目的一些详细信息 使用“详细信息”页面上的“上一步”按钮时,将返回列表页面,但过滤器将消失。如何恢复过滤器?如何使用React还原“返回时的过滤器”按钮。将过滤器存储在URL(查询字符串)中,然后使用可以从URL捕获它们 e、 g: url:/serach?关键字=helloworld?排序=字母 由于我们有许多筛选条件,我们使用请求参数作为主体的post调

ItemList:呈现预定义项的列表

当您单击列表中的某个项目时,您将被重定向到另一个包含ItemDetails组件的页面,该页面将显示该项目的一些详细信息

使用“详细信息”页面上的“上一步”按钮时,将返回列表页面,但过滤器将消失。如何恢复过滤器?如何使用React还原“返回时的过滤器”按钮。

将过滤器存储在URL(查询字符串)中,然后使用可以从URL捕获它们

e、 g:

url:/serach?关键字=helloworld?排序=字母


由于我们有许多筛选条件,我们使用请求参数作为主体的post调用。@MM这不重要,在react中,路由系统由您自己控制,与后端无关。。。您可以将这些存储在对象中,然后将其作为请求正文或….传递。无论如何如果您不想使用查询字符串,您可以将它们存储在状态管理中,如context或redux。您好,请查看并重试。如果没有更具体的细节和代码,您可能不会收到满意的答案。
const parsed = queryString.parse(location.search);
console.log(parsed); // {keyword: "helloworld", sort: "alphabetic"}