Reactjs 什么时候清洁商店?

Reactjs 什么时候清洁商店?,reactjs,redux,react-lifecycle,Reactjs,Redux,React Lifecycle,我有一个用react hooks编写的应用程序,我用redux管理数据, 我们使用redux persist,以防止在每个页面上刷新干净的存储。 但是,我想在应用程序生命周期结束时清理存储(关闭选项卡或关闭所有浏览器), 我在App.js中尝试了useffect清理功能,但没有成功。 应用程序生命周期结束的正确位置在哪里?如果要真正关闭应用程序,则不需要“存储清理”。Redux存储只是一个普通的JS变量,与所有其他JS变量一样,当页面关闭并且整个JS运行时环境被破坏时,它将被清除。由于Redux

我有一个用react hooks编写的应用程序,我用redux管理数据, 我们使用
redux persist
,以防止在每个页面上刷新干净的存储。 但是,我想在应用程序生命周期结束时清理存储(关闭选项卡或关闭所有浏览器), 我在App.js中尝试了
useffect清理功能
,但没有成功。
应用程序生命周期结束的正确位置在哪里?

如果要真正关闭应用程序,则不需要“存储清理”。Redux存储只是一个普通的JS变量,与所有其他JS变量一样,当页面关闭并且整个JS运行时环境被破坏时,它将被清除。

由于Redux持久化通过将状态保存在本地存储中来工作,这很可能会起作用

window.onunload = () => {
     // Clear the local storage
    window.localStorage.clear();
}
Redux persist是一个库,允许将Redux存储保存在 浏览器的本地存储


redux商店未在关闭时清洁。(您可以使用Redux chrome extantion进行检查)您正在向react Redux最新版本的作者讲述这一点;)如果您没有显式使用类似于
redux persist
的方法来保持状态的时间长于该时间(您在问题中没有说明),则redux状态将在应用程序关闭时丢失。您是正确的,我们使用redux persist,我相应地编辑了这个问题。刷新页面时也会调用此函数。通常,当您使用webapp时,没有理由刷新页面。页面卸载、重新加载并重新初始化所有值。