首页 > 解决方案 > 如何将应用程序状态保存到 cookie

问题描述

我目前正在开发一个用 ReactJS 实现的简单俄罗斯方块游戏。我正在使用 useState() 挂钩来管理组件的状态。这个应用程序的基本特点,除了可玩之外,即使关闭应用程序,用户也有机会继续游戏。(应用程序将部署在 GitHub 页面上)。你能给我任何建议我如何解决这个问题吗?谢谢。

标签: javascriptreactjscookiesreact-hooks

解决方案


要将状态保存在 Cookie 中,您很可能需要安装一个依赖项,例如Universal-cookie

但是,您可以使用localStorage不需要外部依赖项的。

用法

保存数据:

const dataToStore = { ... }
localStorage.setItem("storedData", JSON.stringify(dataToStore));

要检索数据:

const data = JSON.parse(localStorage.getItem("storedData"));

推荐阅读