Reactjs 如何使用React恢复“返回过滤器”按钮?
ItemList:呈现预定义项的列表 当您单击列表中的某个项目时,您将被重定向到另一个包含ItemDetails组件的页面,该页面将显示该项目的一些详细信息 使用“详细信息”页面上的“上一步”按钮时,将返回列表页面,但过滤器将消失。如何恢复过滤器?如何使用React还原“返回时的过滤器”按钮。将过滤器存储在URL(查询字符串)中,然后使用可以从URL捕获它们 e、 g: url:/serach?关键字=helloworld?排序=字母Reactjs 如何使用React恢复“返回过滤器”按钮?,reactjs,react-hooks,Reactjs,React Hooks,ItemList:呈现预定义项的列表 当您单击列表中的某个项目时,您将被重定向到另一个包含ItemDetails组件的页面,该页面将显示该项目的一些详细信息 使用“详细信息”页面上的“上一步”按钮时,将返回列表页面,但过滤器将消失。如何恢复过滤器?如何使用React还原“返回时的过滤器”按钮。将过滤器存储在URL(查询字符串)中,然后使用可以从URL捕获它们 e、 g: url:/serach?关键字=helloworld?排序=字母 由于我们有许多筛选条件,我们使用请求参数作为主体的post调
由于我们有许多筛选条件,我们使用请求参数作为主体的post调用。@MM这不重要,在react中,路由系统由您自己控制,与后端无关。。。您可以将这些存储在对象中,然后将其作为请求正文或….传递。无论如何如果您不想使用查询字符串,您可以将它们存储在状态管理中,如context或redux。您好,请查看并重试。如果没有更具体的细节和代码,您可能不会收到满意的答案。
const parsed = queryString.parse(location.search);
console.log(parsed); // {keyword: "helloworld", sort: "alphabetic"}