使用typescript中Promise中的值设置React.FC状态

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

const MyComponent: React.FC = () => {
  const [data, setData] = useState<string>('');

  useEffect(() => {
    // 创建一个Promise对象
    const fetchData = new Promise<string>((resolve, reject) => {
      // 模拟异步操作
      setTimeout(() => {
        resolve('Hello, TypeScript Promise!');
      }, 2000);
    });

    // 在组件挂载时调用Promise对象
    fetchData.then((result) => {
      // 在Promise对象的then方法中更新状态
      setData(result);
    });

  }, []); // 只在组件挂载时执行一次

  return (
    <div>
      {data}
    </div>
  );
};

export default MyComponent;