react自己封装缓存localstorage,自己封装缓存皮实耐用

创建一个js文件写入以下文件：
设置缓存

let NewItem = {};

//保存缓存的方法    Type参数是参数名字，也就是NewItem['对象名称']

export const ItemStorageSave=(Row,Arr,Type,current)=>{

    Row = JSON.parse(JSON.stringify(Row));

    NewItem[Type] = Row;

    NewItem[Type].Arr = Arr;

    NewItem[Type].current = current;

}

获取保存的缓存的方法

export const ItemStorageGain=()=>{

    let Data = new Promise((resolve,reject)=>{

        resolve(NewItem)

    })

    return Data;

}

//删除缓存 传入删除的对象的Type值即可

export const DleAppStorage=(Type)=>{

    if(NewItem[Type]){

        delete NewItem[Type]

    }

}

在其它组件中调用保存，获取，删除这三个方法

import { DleAppStorage,ItemStorageGain,ItemStorageSave , } from './Storage'

保存缓存

ItemStorageSave(Row,Arr,Type,current)；//我自己用到了这4个参数，参数自定义

请求缓存中的数据

ItemStorageGain().then((result)=>{

        console.log(result)

}）

删除数据

DleAppStorage('要删除对象的名字')

请关注我的公众号：前端工程师从0到1（微信搜索）