在 React Native 中将 API 响应数据添加到之前的 AsyncStorage 数据中

Question

我正在开发一个 React Native 应用程序，我在其中将 API 响应数据添加到 AsyncStorage。我正在发送多个 API 请求，并且需要将每个响应添加到以前存储的 AsynStorage 数据中。我试过 AsyncStorage.mergeItem('key',JSON.stringify(data)) 。但这只是将所有数据添加到一个对象。我希望单独添加每个对象。

这是我的示例 API 响应：

{data: [{type: "noun",
definition: "a domesticated carnivorous mammal that typically has a long snout, an acute sense of smell, non-retractile claws, and a barking, howling, or whining voice.",
example: "she went for long walks with her dog"
}]
}

现在，我将其保存到 AsyncStorage，如下所示：

var data = response.data
await AsyncStorage.setItem('favourites', JSON.stringify(data));

最后，如果我有不同的响应，我想将其添加到以前的数据中，如下所示：

 [ {type: "noun",
    definition: "a domesticated carnivorous mammal that typically has a long snout, an acute sense of smell, non-retractile claws, and a barking, howling, or whining voice.",
    example: "she went for long walks with her dog"
    },
  {type: "noun",
    definition: "a domesticated carnivorous mammal that typically has a long snout, an acute sense of smell, non-retractile claws, and a barking, howling, or whining voice.",
    example: "she went for long walks with her dog"
    }
 ]

我该怎么做？

Answer 1

你可以试试这个代码

var data = response.data
AsyncStorage.getItem('favourites')
.then((favourites) => {
      const prevData = JSON.parse(favourites);
      const newData = favourites ? [...prevData,...data] : [];
      AsyncStorage.setItem('favourites', JSON.stringify(newData));
});