react native AsyncStorage的使用

最新推荐文章于 2020-04-10 14:11:40 发布

JiaLin_Denny

最新推荐文章于 2020-04-10 14:11:40 发布

阅读量166

点赞数

CC 4.0 BY-SA版权

分类专栏： AsyncStorage 文章标签： AsyncStorage

本文链接：https://blog.youkuaiyun.com/hopefullman/article/details/99598990

AsyncStorage 专栏收录该内容

2 篇文章

订阅专栏

本文深入探讨了Web的本地存储机制，包括localStorage和sessionStorage的使用方法及监听事件，同时详细介绍了React-Native中AsyncStorage的功能，涵盖了数据的存储、获取、删除等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web 本地存储（localStorage、sessionStorage）

const info = {
        name: 'Lee',
        age: 20,
        id: '001'
    };
    sessionStorage.setItem('key', JSON.stringify(info));
    localStorage.setItem('key', JSON.stringify(info));


 var data1 = JSON.parse(sessionStorage.getItem('key'));
 var data2 = JSON.parse(localStorage.getItem('key'));


 sessionStorage.removeItem('key');
 localStorage.removeItem('key');

 sessionStorage.clear();
 localStorage.clear();

监听：
 window.addEventListener('storage', function (e) {
        console.log('key', e.key);
        console.log('oldValue', e.oldValue);
        console.log('newValue', e.newValue);
        console.log('url', e.url);
    })

React-Native 中AsyncStorage 是一个简单的、异步的、持久化的Key-Value存储系统，它对于App来说是全局性的。

方法一：callback函数

setItem(key: string, value: string, callback：function(){}) 
AsyncStorage.setItem('person', lucy, function (error) {
    if (error) {
        alert('存储失败');
    }else {
        alert('存储完成');
    }
})

getItem(key: string, callback:function(error，result){})
AsyncStorage.getItem('per', function (error, result) {
    if (error) {
      alert('读取失败');
    }else {
      console.log(result)
      alert('读取完成');
    }
 })
removeItem(key: string, callback：function(error){}) 
clear(callback?:function(result){})
getAllKeys(callback?:function(result，keys){})