小編給大家分享一下react-native中AsyncStorage有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都做網(wǎng)站、網(wǎng)站制作的開發(fā)，更需要了解用戶，從用戶角度來建設(shè)網(wǎng)站，獲得較好的用戶體驗。創(chuàng)新互聯(lián)公司多年互聯(lián)網(wǎng)經(jīng)驗，見的多，溝通容易、能幫助客戶提出的運營建議。作為成都一家網(wǎng)絡(luò)公司，打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇創(chuàng)新互聯(lián)公司，不只是建站，我們把建站作為產(chǎn)品，不斷的更新、完善，讓每位來訪用戶感受到浩方產(chǎn)品的價值服務(wù)。

react-native中AsyncStorage實例詳解

AsyncStorage是一個簡單的，具有異步特性的儲存API，它的儲存方式為鍵值對的方式，且對整個App而言，是全局的。

AsyncStorage提供了較全的方法供我們使用，每個方法都有一個回調(diào)函數(shù)，而回調(diào)函數(shù)的第一個參數(shù)都是錯誤對象error，所有的方法執(zhí)行之后都會返回一個Promise對象。

方法：

static getItem(key: string, callback?: ?(error: ?Error, result: ?string) => void) 

讀取key字段并將結(jié)果作為第二個參數(shù)傳遞給callback。如果有任何錯誤發(fā)生，則會傳遞一個Error對象作為第一個參數(shù)。返回一個Promise對象。

static setItem(key: string, value: string, callback?: ?(error: ?Error) => void) 

將key字段的值設(shè)置成value，并在完成后調(diào)用callback函數(shù)。如果有任何錯誤發(fā)生，則會傳遞一個Error對象作為第一個參數(shù)。返回一個Promise對象。

static removeItem(key: string, callback?: ?(error: ?Error) => void) 

刪除一個字段。返回一個Promise對象。

static mergeItem(key: string, value: string, callback?: ?(error: ?Error) => void) 

假設(shè)已有的值和新的值都是字符串化的JSON，則將兩個值合并。返回一個Promise對象。還沒有被所有原生實現(xiàn)都支持。

static clear(callback?: ?(error: ?Error) => void) 

刪除全部的AsyncStorage數(shù)據(jù)，不論來自什么庫或調(diào)用者。通常不應該調(diào)用這個函數(shù)——使用removeItem或者multiRemove來清除你自己的key。返回一個Promise對象。

static getAllKeys(callback?: ?(error: ?Error, keys: ?Array<string>) => void) 

獲取所有本應用可以訪問到的數(shù)據(jù)，不論來自什么庫或調(diào)用者。返回一個Promise對象。

static flushGetRequests() 

清除所有進行中的查詢操作。

static multiGet(keys: Array<string>, callback?: ?(errors: ?Array<Error>, result: ?Array<Array<string>>) => void) 

獲取keys所包含的所有字段的值，調(diào)用callback回調(diào)函數(shù)時返回一個key-value數(shù)組形式的數(shù)組。返回一個Promise對象。

multiGet(['k1', 'k2'], cb) -> cb([['k1', 'val1'], ['k2', 'val2']])

static multiSet(keyValuePairs: Array<Array<string>>, callback?: ?(errors: ?Array<Error>) => void) 

multiSet和multiMerge都接受一個與multiGet輸出值一致的key-value數(shù)組的數(shù)組。返回一個Promise對象。

multiSet([['k1', 'val1'], ['k2', 'val2']], cb);

static multiRemove(keys: Array<string>, callback?: ?(errors: ?Array<Error>) => void) 

刪除所有鍵在keys數(shù)組中的數(shù)據(jù)。返回一個Promise對象。

static multiMerge(keyValuePairs: Array<Array<string>>, callback?: ?(errors: ?Array<Error>) => void) 

將多個輸入的值和已有的值合并，要求都是字符串化的JSON。返回一個Promise對象。

還沒有被所有原生實現(xiàn)都支持。

小例子：

import React from 'react';
import {View,StyleSheet,Text,AsyncStorage} from 'react-native';

export default class Root extends React.Component{
 constructor(props){
 super(props);
 this.set = this.set.bind(this);
 this.get = this.get.bind(this);
 this.clear = this.clear.bind(this);
 }
 //渲染
 render(){

 return (
  <View style = {style.container}>
  <Text onPress = {this.set}>儲存數(shù)據(jù)</Text>
  <Text style = {{marginTop: 10}} onPress = {this.get}>
   獲取數(shù)據(jù)
  </Text>
  <Text style = {{marginTop: 10}} onPress = {this.clear}>
   清除數(shù)據(jù)
  </Text>
  </View>
 );
 }
 set(){
 AsyncStorage.setItem('name','gefufeng',(error) => {
  if (error) {
  alert("儲存失敗");
  }else{
  alert("儲存成功");
  }
 });
 }
 get(){
 AsyncStorage.getItem('name',(error,result) => {
  if (error) {
  alert("獲取失敗");
  }else{
  alert("數(shù)據(jù)為：" + result);
  }
 });
 }
 clear(){
 AsyncStorage.removeItem('name',(error) => {
  if (!error) {
  alert("清除成功");
  }
 });
 }
}
const style = StyleSheet.create({
 container : {
 flex: 1,
 alignItems: 'center',
 justifyContent: 'center',
 backgroundColor : "#F5FCFF"
 }

});

以上是“react-native中AsyncStorage有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站欄目：react-native中AsyncStorage有什么用
分享URL：http://www.chinadenli.net/article10/pigodo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、網(wǎng)站策劃、網(wǎng)站建設(shè)、網(wǎng)站營銷、手機網(wǎng)站建設(shè)、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)