react 通过localstorage永久存储数据

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

react 通过localstorage永久存储数据

 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、在需要的地方引入这些文件

react 通过localstorage永久存储数据

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

react 通过localstorage永久存储数据

 然后rander()里面

react 通过localstorage永久存储数据

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

react 通过localstorage永久存储数据

 

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

上一篇:20200924-3 单元测试,结对


下一篇:Vue之共享V之简单入门(040)