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

Question

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

我们正在使用查询字符串来管理它，但我被告知管理人员这是 'Ugly'，我们应该找到一个备用位置来保存此信息并将其从 URL .

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

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

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

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

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");

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

Alternatives to the Query-string managing state

url

query-string

reactjs

react-router