Javascript 如何将应用程序状态保存到cookies

Javascript 如何将应用程序状态保存到cookies,javascript,reactjs,cookies,react-hooks,Javascript,Reactjs,Cookies,React Hooks,我目前正在开发一个简单的俄罗斯方块游戏,用ReactJS实现。我使用useState钩子来管理组件的状态。该应用程序的基本功能,除了可玩性之外,是让用户有机会在关闭应用程序后继续游戏。应用程序将部署在GitHub页面上。你能给我一些建议我怎样才能解决这个问题?谢谢。要在Cookie中保存状态,您很可能需要安装一个类似的依赖项 但是,您可以使用不需要外部依赖项的localStorage 用法 要保存数据,请执行以下操作: 常量数据存储={…} localStorage.setItemstoredD

我目前正在开发一个简单的俄罗斯方块游戏,用ReactJS实现。我使用useState钩子来管理组件的状态。该应用程序的基本功能,除了可玩性之外,是让用户有机会在关闭应用程序后继续游戏。应用程序将部署在GitHub页面上。你能给我一些建议我怎样才能解决这个问题?谢谢。

要在Cookie中保存状态,您很可能需要安装一个类似的依赖项

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

用法

要保存数据,请执行以下操作:

常量数据存储={…} localStorage.setItemstoredData,JSON.stringifydataToStore; 要检索数据,请执行以下操作:

const data=JSON.parselocalStorage.getItemstoredData;
使用js Cookie将状态设置为Cookie,并在组件安装时使用useEffect检索这些Cookie并设置您的状态。我想询问用户是否希望继续游戏(如果可能的话)。然后从本地存储器获取数据。我应该在ComponentDidMount中获取这些项目组件状态或变量吗?是的,您可以在ComponentDidMount中获取这些项目。谢谢,我将尝试这样做:我的组件是功能组件,我也使用自定义挂钩。如果条件满足,我可以在useEffect中检索数据-用户希望继续游戏。但是,在哪里可以将这些数据放入本地存储以确保它们是真实的呢?