react umi 刷新或关闭浏览器时清除localStorage方式

更新时间：2023年10月26日 08:39:58 作者：跳跳的小古风

这篇文章主要介绍了react umi 刷新或关闭浏览器时清除localStorage方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

react umi 刷新或关闭浏览器时清除localStorage

在入口文件中写方法

window.onbeforeunload = function () {
    var storage = window.localStorage;   //方法
    storage.clear()
}

React localStorage用法

简单介绍下localStorage用法：

存储通过setItem键值方式，值存入是String类型的数据。

例如：

localStorage.setItem("key","value");

当然也可以存储对象，需要用JSON.stringify(obj)；转换一下

获取通过getItem("key") 方式，如果存入的是对象就用JSON.parse("")转换成你想要的对象。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

create-react-app使用antd按需加载的样式无效问题的解决
这篇文章主要介绍了create-react-app使用antd按需加载的样式无效问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-02-02
react中的forwardRef 和memo的区别解析
forwardRef和memo是React中用于性能优化和组件复用的两个高阶函数,本文给大家介绍react中的forwardRef 和memo的区别及适用场景,感兴趣的朋友跟随小编一起看看吧
2023-10-10
从零开始搭建webpack+react开发环境的详细步骤
这篇文章主要介绍了从零开始搭建webpack+react开发环境的详细步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-05-05
关于React16.0的componentDidCatch方法解读
这篇文章主要介绍了关于React16.0的componentDidCatch方法解读，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
浅谈React Refs 使用场景及核心要点
本文主要介绍了React Refs 使用场景及核心要点，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
优雅的在React项目中使用Redux的方法
这篇文章主要介绍了优雅的在React项目中使用Redux的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
React翻页器的实现(包含前后端)
本文主要介绍了React翻页器的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
详解前端路由实现与react-router使用姿势
本篇文章主要介绍了详解前端路由和react-router使用姿势，详细的介绍了react-router的用法，有兴趣的可以了解一下
2017-08-08
React实现一个通用骨架屏组件示例
骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再渲染页面，补充进需要显示的数据内容，本文就介绍了React实现一个通用骨架屏组件示例，分享给大家，感兴趣的可以了解一下
2021-12-12
React Router V6更新内容详解
这篇文章主要为大家介绍了React Router V6更新内容，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-12-12