如何使用Typescript从React钩子返回的对象中构造项目？

interface MyData {
  id: number;
  name: string;
  // 其他属性...
}

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

const MyComponent: React.FC = () => {
  const [data, setData] = useState<MyData | null>(null);

  useEffect(() => {
    // 获取数据并更新state
    const fetchData = async () => {
      const response = await fetch('API_URL');
      const result = await response.json();
      setData(result);
    };

    fetchData();
  }, []);

  // 渲染数据...
};

export default MyComponent;

const MyComponent: React.FC = () => {
  // ...

  if (data) {
    const { id, name } = data;
    // 使用返回的数据进行项目构造
    // ...
  }

  // ...
};