将promise传递给组件React Native

const fetchData = () => {
  return new Promise((resolve, reject) => {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => resolve(data))
      .catch(error => reject(error));
  });
};

import React, { useEffect, useState } from 'react';
import { View, Text } from 'react-native';

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

  useEffect(() => {
    fetchData()
      .then(data => {
        setData(data);
      })
      .catch(error => {
        setError(error);
      });
  }, []);

  if (error) {
    return <Text>Error: {error.message}</Text>;
  }

  if (!data) {
    return <Text>Loading...</Text>;
  }

  return (
    <View>
      <Text>{data.message}</Text>
    </View>
  );
};

export default MyComponent;

useEffect(() => {
  const promise = fetchData();

  promise.then(data => {
    setData(data);
  }).catch(error => {
    setError(error);
  });

  return () => {
    // 取消未完成的异步操作
    promise.cancel();
  };
}, []);