如何在react-native中从异步函数中获取值？

// 定义一个异步函数，模拟获取数据的操作
const fetchData = async () => {
  // 模拟网络请求或其他异步操作
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Hello, World!');
    }, 2000); // 2秒后返回结果
  });
};

// 在组件中调用异步函数并获取值
const MyComponent = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    const getData = async () => {
      try {
        const result = await fetchData(); // 等待异步函数返回结果
        setData(result); // 更新组件状态
      } catch (error) {
        console.error(error);
      }
    };

    getData();
  }, []);

  return (
    <View>
      {data ? <Text>{data}</Text> : <Text>Loading...</Text>}
    </View>
  );
};