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

import React, { useEffect, useState } from 'react';
import { View, Text } from 'react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';
import axios from 'axios';

const MyComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = async () => {
    try {
      // 发送API请求并获取响应数据
      const response = await axios.get('https://api.example.com/data');

      // 从AsyncStorage中读取之前存储的数据
      const previousData = await AsyncStorage.getItem('previousData');

      let newData = [];

      if (previousData) {
        // 如果之前有存储的数据，则将API响应数据与之合并或替换
        newData = JSON.parse(previousData); // 解析之前存储的数据
        newData = newData.concat(response.data); // 合并或替换数据
      } else {
        // 如果之前没有存储的数据，则直接使用API响应数据
        newData = response.data;
      }

      // 将最新的数据存储到AsyncStorage中
      await AsyncStorage.setItem('previousData', JSON.stringify(newData));

      // 更新组件的数据状态，触发重新渲染
      setData(newData);
    } catch (error) {
      console.log(error);
    }
  };

  return (
    <View>
      {data.map((item, index) => (
        <Text key={index}>{item.title}</Text>
      ))}
    </View>
  );
};

export default MyComponent;