如何使用对象数组的setState-hooks

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

function MyComponent() {
  const [items, setItems] = useState([]);
  // ...
}

useEffect(() => {
  // 进行数据的获取和处理
  const fetchData = async () => {
    // 发起请求获取数据
    const response = await fetch('https://api.example.com/items');
    const data = await response.json();

    // 更新对象数组的状态
    setItems(data);
  };

  // 调用数据获取函数
  fetchData();
}, []);

function MyComponent() {
  const [items, setItems] = useState([]);

  useEffect(() => {
    // ...
  }, []);

  return (
    <div>
      {items.map((item, index) => (
        <div key={index}>{item.name}</div>
      ))}
    </div>
  );
}