更改元素的状态以在API调用后显示组件数组

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

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

  useEffect(() => {
    // 在API调用后获取数据
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        // 更新组件的状态
        setData(data);
      });
  }, []);

  return (
    <div>
      {data.map(item => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
}

export default MyComponent;