如何从异步函数中获取返回值到React Native中的变量？

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error(error);
    return null;
  }
}

import React, { useState, useEffect } from 'react';

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

  useEffect(() => {
    async function fetchDataAsync() {
      const result = await fetchData();
      setData(result);
    }

    fetchDataAsync();
  }, []);

  return (
    <View>
      {/* 使用data变量进行渲染 */}
      <Text>{data}</Text>
    </View>
  );
}