美文网首页
react-native 本地缓存AsyncStorage

react-native 本地缓存AsyncStorage

作者: oc123 | 来源:发表于2018-06-13 10:43 被阅读0次

    AsyncStorage的作用类似于iOS中的NSUserDefault和Android中的SharedPreferences;
    AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统,它对于App来说是全局性的。这是官网上对它的介绍。可以知道,asyncstorage也是以键值对的形式进行存储数据的。

    下面给出AsyncStorage用法

    保存

      /**
       * 保存
       * @param key
       * @param value
       * @returns {*}
       */
      save(key, value) {
        return AsyncStorage.setItem(key, JSON.stringify(value), (err){  
                if(err){  
                    alert(err)
                }  
            })
      }
    

    取出

      /**
       * 获取
       * @param key
       * @returns {Promise<T>|*|Promise.<TResult>}
       */
      componentDidMount() {
        AsyncStorage.getItem(key, (err, result) => {
          if (!err) {
            const jsonValue = JSON.parse(result)
            this.setState({ customKey: jsonValue })
          }
        })
      }
    

    移除

      /**
       * 更新
       * @param key
       * @returns {*}
       */
      AsyncStorage.removeItem('key', (error)=>{
        if(!error){
          alert('移除成功');
        }
     })
    

    相关文章

      网友评论

          本文标题:react-native 本地缓存AsyncStorage

          本文链接:https://www.haomeiwen.com/subject/jhzdeftx.html