如何保留上一页的状态，同时从另一个页面导航回到它？

Question

如何保留或保留上一页的状态。我可以选择一些行，然后单击下一步，我想打开另一个页面，当用户单击CANCAL时，我必须保留所选的行回到上一页。我知道，如果我将下面的屏幕作为组件打开并将其叠加在父母之上，这将完成我的工作。我必须在同一父组件中管理状态，而不是使用React Router dom创建它作为页面。我想知道如何使用React Router Dom（我的意思是通过页面，而不仅仅是组件）进行操作。任何人都可以建议我以正确的方式处理它。预先感谢

您需要将您的州存储在本地存储中。 让我们看一个示例：

Answer 1

如果您使用的是React-Router，则可以使用useLocation

挂钩，并在用户更改页面时更新本地商店：

const location = useLocation()
const [name, setName] = useLocalStorage("name", "Bob");

useEffect(() => {
  setName(yourState)
}, [location])