React学习09----localStorage存储数据，封装模块

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 storage from '../model/stor