美文网首页
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