React await promise解决未获取数据

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

const fetchData = () => {
  return new Promise((resolve, reject) => {
    // 模拟异步获取数据
    setTimeout(() => {
      const data = "这是从服务器获取的数据";
      resolve(data);
    }, 1000);
  });
};

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 (
    <div>
      {data ? <p>{data}</p> : <p>正在获取数据...</p>}
    </div>
  );
};

export default MyComponent;