使用AsyncStorage在React Native中执行CRUD操作

时间:2019-01-31 11:45:59

标签: reactjs react-native async-await react-native-android react-native-ios

  *// Creating An Array
    const someArray = [1,2,3,4];
    return AsyncStorage.setItem('somekey', JSON.stringify(someArray))
    .then(json => console.log('success!'))
     .catch(error => console.log('error!'));



   //Reading An Array 
   return AsyncStorage.getItem('somekey')
  .then(req => JSON.parse(req))
  .then(json => console.log(json))
  .catch(error => console.log('error!'));
   * 

如何更新数组的特定索引并删除索引
 例如,新数组应为{1,A,3}

1 个答案:

答案 0 :(得分:3)

使用AsyncStorage,最好将数据结构视为不可变的。因此,基本上,要执行更新,您可以抓住想要的东西,将其弄乱,然后将其放回相同的键下。

return AsyncStorage.getItem('somekey')
  .then(req => JSON.parse(req))
  .then(json => {
          const temp = json;
          temp[2] = 'A';
          temp.pop(); // here it's [1, A, 2]
          AsyncStorage.setItem('somekey', JSON.stringify(temp));
       })
  .catch(error => console.log('error!'));

然后要删除任何项目,只需执行AsyncStorage.removeItem('somekey')AsyncStorage没有直接操作可让您进行更深入的更新,而仅是键/值数据集。