ocalStorage 是es5提供的:
ocalStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。
ocalStorage 存储字符串。
常见用法:
存储数据
localStorage.setItem(key,value);
拿到数据
localStorage.getItem(key);
删除数据
localStorage.removeItem(key);
项目结构:
在上面的例子中,封装一个存储数据的模块 storage.js
/**
* 自己定义的模块
*/
var storage={
set(key,value){
localStorage.setItem(key,JSON.stringify(value));
},
get(key){
return JSON.parse(localStorage.getItem(key));
},remove(key){
localStorage.removeItem(key)
}
};
// 暴露出去,供外部使用
export default storage;
TodoList.js 中调用:
引入模块
import storage from ‘…/model/storage’;
调用
storage.set(‘todolist’,tempList);
import React from 'react';
import stora