react 通过localstorage永久存储数据

1、先在src目录下创建一个目录

 1)storageUtils.js文件

/**
 * 此模块是用于local数据存储管理的工具模块
 */
import store from 'store'

const USER_KEY = 'user_key'

const storage = {

  /**
   * 存储user
   */
  saveUser(user) {
    store.set(USER_KEY,user)
  },

  /**
   * 获取user
   */
  getUser() {
    // return JSON.parse(localStorage.getItem(USER_KEY) || '{}')
    return store.get(USER_KEY) || {}
  },

    /**
   * 删除user
   */
  removeUser() {
    // localStorage.removeItem(USER_KEY)
    store.remove(USER_KEY)
  }
}

export default storage

 2)memoryUtile.js文件

/**
 * 此模块用于存储后台信息
 */

const memoryUser = {
  user: {}
}

export default memoryUser

2、在需要的地方引入这些文件

 3、这里是我以一个简单的登录为例

 然后rander()里面

这样数据就可以存储到本地浏览器了哦!

 

数据是存在了,但是怎么拿呢?可以看我下一篇文章 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值