使用React中的钩子导出数组

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

const MyComponent = () => {
  const [myArray, setMyArray] = useState([]);

  useEffect(() => {
    // 在这里可以进行数据获取或其他副作用操作
    // 例如，从API获取数据并更新数组
    const fetchData = async () => {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      setMyArray(data);
    };

    fetchData();
  }, []);

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

export default MyComponent;