devbox
不正经
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

从零开始学React Native之数据持久化存储_rn持久化

作者：不正经 | 2024-02-08 10:00:48

赞

踩

rn持久化

数据持久化就是指应用程序将某些数据存储在手机存储空间中。

AsyncStorage API

RN框架为开发者提供了 AsyncStorage API，开发者可以利用它将任意“字符串键值对”保存到存储空间中。

它是简单的，异步的。用它可以取代Android的sharedperference和ios的NSUserDefault。

AsyncStorage存储的数据对该RN应用全局都是可以访问的，只需要知道通过它增删改查数据就可以了。

写入数据

开发者可以通过静态函数setItem来存储数据。setItem的JavaScript原型是： 

  1. static object setItem(key, value,aCallBack)
代码如下： 

  
  

   
    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  1.  
  2.    
  3.    
  4.     
  5.      doSomething(error){
  6.         
  7.     
  8.     if(error!=
  9.     
  10.     null){   
  11.     
  12.     //如发生错误 处理
  13.             
  14.     
  15.     console.log(
  16.     
  17.     'error message:'+error.message);
  18.             
  19.     
  20.     return;
  21.         }
  22.         
  23.     
  24.     // 执行保存成功的操作
  25.         
  26.     
  27.     console.log(
  28.     
  29.     "name保存成功!");
  30.     }
  31.    
  32.    
  33.  
  34. 作者：于连林520wcf
  35. 链接：https://www.jianshu.com/p/55263b414090
  36. 來源：简书
  37. 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

   
   
  1.      
  2.      
  3.       
  4.       // 构造
  5.     
  6.       
  7.       constructor(props) {
  8.         
  9.       
  10.       super(props);
  11.         
  12.       
  13.       this.doSomething=
  14.       
  15.       this.doSomething.bind(
  16.       
  17.       this);
  18.     }
  19.  
  20.     doSomething(error){
  21.         
  22.       
  23.       if(error!=
  24.       
  25.       null){   
  26.       
  27.       //如发生错误 处理
  28.             
  29.       
  30.       console.log(
  31.       
  32.       'error message:'+error.message);
  33.             
  34.       
  35.       return;
  36.         }
  37.         
  38.       
  39.       // 执行保存成功的操作
  40.         
  41.       
  42.       console.log(
  43.       
  44.       "name保存成功!");
  45.     }
  46.     
  47.       
  48.       //下面4种写法, 推荐第三种和第四种
  49.     componentWillMount() {
  50.         
  51.       
  52.       //最简单的写法 , 无法检测保存何时结束,是否成功
  53.         AsyncStorage.setItem(
  54.       
  55.       'NO',
  56.       
  57.       '01'); 
  58.         
  59.       
  60.       console.log(
  61.       
  62.       "NO保存成功");
  63.       
  64.         
  65.       
  66.       // 通过自带的回调方法,一旦发生出错就可以监控到
  67.         AsyncStorage.setItem(
  68.       
  69.       'name',
  70.       
  71.       '张三',
  72.       
  73.       this.doSomething);
  74.  
  75.  
  76.         
  77.       
  78.       //Promise操作 ES2015推荐的写法
  79.         AsyncStorage.setItem(
  80.       
  81.       'age',
  82.       
  83.       "18").then(
  84.             
  85.       
  86.       ()=>{   
  87.       
  88.       //成功的操作
  89.                 
  90.       
  91.       console.log(
  92.       
  93.       "age保存成功!");
  94.             },
  95.         );
  96.         
  97.       
  98.       // 使用ES2017推荐的异步的写法
  99.         
  100.       
  101.       this.saveSex();
  102.  
  103.     }
  104.     
  105.       
  106.       // 箭头函数不需要在构造函数中bind(this)了
  107.     saveSex = 
  108.       
  109.       async ()=> {
  110.         
  111.       
  112.       try {
  113.            
  114.       
  115.       await AsyncStorage.setItem(
  116.       
  117.       'sex',
  118.       
  119.       'female');
  120.             
  121.       
  122.       console.log(
  123.       
  124.       "sex保存成功!");
  125.         } 
  126.       
  127.       catch(error) {
  128.             
  129.       
  130.       console.error(error);
  131.         }
  132.     };
  133.      
  134.      
  135.  
  136. 作者：于连林520wcf
  137. 链接：https://www.jianshu.com/p/55263b414090
  138. 來源：简书
  139. 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  


  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  1. // 构造
  2.     constructor(props) {
  3.         super(props);
  4.         this.doSomething=this.doSomething.bind(this);
  5.     }
  6.  
  7.     doSomething(error){
  8.         if(error!=null){   //如发生错误 处理
  9.             console.log('error message:'+error.message);
  10.             return;
  11.         }
  12.         // 执行保存成功的操作
  13.         console.log("name保存成功!");
  14.     }
  15.     //下面4种写法, 推荐第三种和第四种
  16.     componentWillMount() {
  17.         //最简单的写法 , 无法检测保存何时结束,是否成功
  18.         AsyncStorage.setItem('NO','01'); 
  19.         console.log("NO保存成功");
  20.       
  21.         // 通过自带的回调方法,一旦发生出错就可以监控到
  22.         AsyncStorage.setItem('name','张三',this.doSomething);
  23.  
  24.  
  25.         //Promise操作 ES2015推荐的写法
  26.         AsyncStorage.setItem('age',"18").then(
  27.             ()=>{   //成功的操作
  28.                 console.log("age保存成功!");
  29.             },
  30.         );
  31.         // 使用ES2017推荐的异步的写法
  32.         this.saveSex();
  33.  
  34.     }
  35.     // 箭头函数不需要在构造函数中bind(this)了
  36.     saveSex = async ()=> {
  37.         try {
  38.            await AsyncStorage.setItem('sex','female');
  39.             console.log("sex保存成功!");
  40.         } catch(error) {
  41.             console.error(error);
  42.         }
  43.     };

还可以通过AsyncStorage的静态函数multiSet一次存储多个数据。

  1. static object multiSet(aArray, aCallback)
  2.  
  3. //参数类型
  4. multiSet([['k1', 'val1'], ['k2', 'val2']], cb);
Promise机制还可以通过下面的方式捕获异常。 

  1. AsyncStorage.multiSet([['name','李四'],["sex","male"]])
  2.             .then(
  3.                 ()=>{
  4.                     console.log("name,sex保存成功");
  5.                 }
  6.             ).catch((errors)=>{
  7.                 console.log('error,length:'+errors.length);
  8.                 if(errors.length>0){  //保存操作有异常
  9.                     console.log(errors[0].message);
  10.                     //...
  11.                 }else{
  12.                     //异常不是数组,有可能是成功操作的处理函数抛出的异常
  13.                     //...
  14.                 }
  15.         });

获取数据

可以通过AsyncStorage类的静态函数getItem获取数据，JS原型是： 
static object getItem(aKey,aCallback)
代码如下： 

  1. componentWillMount() {
  2.  
  3.         //...
  4.  
  5.         //方式一 读取数据
  6.         AsyncStorage.getItem("name", this.handleResult);
  7.  
  8.         //方式二
  9.         AsyncStorage.getItem('sex')
  10.             .then(  //使用Promise机制的方法
  11.                 (result)=> {   //使用Promise机制,如果操作成功不会有error参数
  12.                     if (result == null) {
  13.                         //没有指定的key
  14.                         return;
  15.                     }
  16.                     console.log("sex:" + result);
  17.                 }
  18.             ).catch((error)=> {  //读取操作失败
  19.                 console.log('error:' + error.message);
  20.         });
  21.     }
  22.     
  23.     handleResult(error, result) {
  24.         if (error != null) {
  25.             console.log('error message:' + error.message);
  26.             return;
  27.         }
  28.         if (result == null) {
  29.             //没有指定的key
  30.             return;
  31.         }
  32.         console.log("name:" + result);
  33.  
  34.     }
也可以通过getAllKeys函数获取当前存储的所有键,再通过multiGet获取所有值。两个函数的原型分别是： 
  1. static object getAllkeys([aCallback])
  2. static object multiGet(aArrays,aCallBack)
代码如下： 

  1. AsyncStorage.getAllKeys((err, keys) => {
  2.   AsyncStorage.multiGet(keys, (err, stores) => {
  3.    stores.map((result, i, store) => {
  4.      // get at each store's key/value so you can work with it
  5.      let key = store[i][0];
  6.      let value = store[i][1];
  7.     });
  8.   });
  9. });

注意的是，AsyncStorage API存储数据是无序的。

开发者还可以通过AsyncStorage的静态函数flushGetRequests取消前面的所有未执行的完成的multiGet操作。

static object flushGetRequests()
最好也借助Promise机制。

删除数据

删除数据通过 removeItem或者multiRemove 删除。 当然还可以通过clear函数全部清空。
函数原型：

  1. static removeItem(key, callback?) 
  2.  
  3. static multiRemove(keys, callback?) 
  4.  
  5. static clear(callback?)

JSON对象存储

使用AsyncStorage类保存数据，只能通过key-value形式保存一个字符串类型的数据。很难满足开发者的需求。
但是配合JSON类， 把JSON格式的对象转换为一个字符串。然后通过AsyncStorage类的key-value形式进行保存，就可以满足绝大多数需求了。 


  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  1.  
  2.    
  3.    
  4.     
  5.     // 构造
  6.     
  7.     
  8.     constructor(props) {
  9.         
  10.     
  11.     super(props);
  12.         
  13.     
  14.     this.doSomething=
  15.     
  16.     this.doSomething.bind(
  17.     
  18.     this);
  19.     }
  20.  
  21.     doSomething(error){
  22.         
  23.     
  24.     if(error!=
  25.     
  26.     null){   
  27.     
  28.     //如发生错误 处理
  29.             
  30.     
  31.     console.log(
  32.     
  33.     'error message:'+error.message);
  34.             
  35.     
  36.     return;
  37.         }
  38.         
  39.     
  40.     // 执行保存成功的操作
  41.         
  42.     
  43.     console.log(
  44.     
  45.     "name保存成功!");
  46.     }
  47.     
  48.     
  49.     //下面4种写法, 推荐第三种和第四种
  50.     componentWillMount() {
  51.         
  52.     
  53.     //最简单的写法 , 无法检测保存何时结束,是否成功
  54.         AsyncStorage.setItem(
  55.     
  56.     'NO',
  57.     
  58.     '01'); 
  59.         
  60.     
  61.     console.log(
  62.     
  63.     "NO保存成功");
  64.       
  65.         
  66.     
  67.     // 通过自带的回调方法,一旦发生出错就可以监控到
  68.         AsyncStorage.setItem(
  69.     
  70.     'name',
  71.     
  72.     '张三',
  73.     
  74.     this.doSomething);
  75.  
  76.  
  77.         
  78.     
  79.     //Promise操作 ES2015推荐的写法
  80.         AsyncStorage.setItem(
  81.     
  82.     'age',
  83.     
  84.     "18").then(
  85.             
  86.     
  87.     ()=>{   
  88.     
  89.     //成功的操作
  90.                 
  91.     
  92.     console.log(
  93.     
  94.     "age保存成功!");
  95.             },
  96.         );
  97.         
  98.     
  99.     // 使用ES2017推荐的异步的写法
  100.         
  101.     
  102.     this.saveSex();
  103.  
  104.     }
  105.     
  106.     
  107.     // 箭头函数不需要在构造函数中bind(this)了
  108.     saveSex = 
  109.     
  110.     async ()=> {
  111.         
  112.     
  113.     try {
  114.            
  115.     
  116.     await AsyncStorage.setItem(
  117.     
  118.     'sex',
  119.     
  120.     'female');
  121.             
  122.     
  123.     console.log(
  124.     
  125.     "sex保存成功!");
  126.         } 
  127.     
  128.     catch(error) {
  129.             
  130.     
  131.     console.error(error);
  132.         }
  133.     };
  134.    
  135.    
  136.  
  137. 作者：于连林520wcf
  138. 链接：https://www.jianshu.com/p/55263b414090
  139. 來源：简书
  140. 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

   
   
  1.      
  2.      
  3.       
  4.       doSomething(error){
  5.         
  6.       
  7.       if(error!=
  8.       
  9.       null){   
  10.       
  11.       //如发生错误 处理
  12.             
  13.       
  14.       console.log(
  15.       
  16.       'error message:'+error.message);
  17.             
  18.       
  19.       return;
  20.         }
  21.         
  22.       
  23.       // 执行保存成功的操作
  24.         
  25.       
  26.       console.log(
  27.       
  28.       "name保存成功!");
  29.     }
  30.      
  31.      
  32.  
  33. 作者：于连林520wcf
  34. 链接：https://www.jianshu.com/p/55263b414090
  35. 來源：简书
  36. 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
     doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
   
    
    

     
      doSomething(error){
        
     
     if(error!=
     
     null){   
     
     //如发生错误 处理
            
     
     console.log(
     
     'error message:'+error.message);
            
     
     return;
        }
        
     
     // 执行保存成功的操作
        
     
     console.log(
     
     "name保存成功!");
    }
    
    


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

  
  

   
    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
  
  

   
   // 构造
    
   
   constructor(props) {
        
   
   super(props);
        
   
   this.doSomething=
   
   this.doSomething.bind(
   
   this);
    }

    doSomething(error){
        
   
   if(error!=
   
   null){   
   
   //如发生错误 处理
            
   
   console.log(
   
   'error message:'+error.message);
            
   
   return;
        }
        
   
   // 执行保存成功的操作
        
   
   console.log(
   
   "name保存成功!");
    }
    
   
   //下面4种写法, 推荐第三种和第四种
    componentWillMount() {
        
   
   //最简单的写法 , 无法检测保存何时结束,是否成功
        AsyncStorage.setItem(
   
   'NO',
   
   '01'); 
        
   
   console.log(
   
   "NO保存成功");
      
        
   
   // 通过自带的回调方法,一旦发生出错就可以监控到
        AsyncStorage.setItem(
   
   'name',
   
   '张三',
   
   this.doSomething);


        
   
   //Promise操作 ES2015推荐的写法
        AsyncStorage.setItem(
   
   'age',
   
   "18").then(
            
   
   ()=>{   
   
   //成功的操作
                
   
   console.log(
   
   "age保存成功!");
            },
        );
        
   
   // 使用ES2017推荐的异步的写法
        
   
   this.saveSex();

    }
    
   
   // 箭头函数不需要在构造函数中bind(this)了
    saveSex = 
   
   async ()=> {
        
   
   try {
           
   
   await AsyncStorage.setItem(
   
   'sex',
   
   'female');
            
   
   console.log(
   
   "sex保存成功!");
        } 
   
   catch(error) {
            
   
   console.error(error);
        }
    };
  
  


作者：于连林520wcf
链接：https://www.jianshu.com/p/55263b414090
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。





声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/68133
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号