reactjs - 查询字符串管理状态的替代方案

Question

我们正在使用 React redux，这太棒了。然而，当有人刷新他们的浏览器时，我们丢失了 Redux 存储，因此应用程序中断或需要重定向回“开始”。

我们正在使用查询字符串来管理它，但我被告知管理层这是“丑陋”，我们应该找到一个替代位置来保存此信息并将其从 URL 中删除。

我的理解是我们可以使用很多东西；Cookies、本地存储、会话存储等。

但是，我不知道哪个最好用。

我们本质上只是在寻找某个地方来移动 URL 中包含的信息。例如https://url.com?querystring=12345&non-sensitive-id=2242

编辑：我们使用的是 Typescript，所以理想情况下有一个类型安全的选项是理想的。我们可以使用查询字符串来实现这一点。

标签： reactjsurlreact-routerquery-string

Answer 1

您可以使用 HTML5 的 localStorage。存储数据：

//To store data:
        localStorage.setItem("key", 'value');
//To access data:
        localstorage.getItem("key");
//and to remove from local storage,
        localStorag.removeItem("key");