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()里面

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

 

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