通过数组函数返回对象的映射内的ReactJS axios.post

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

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

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.post('https://api.example.com/data', { key: 'value' });
        const mappedData = response.data.map(item => ({
          id: item.id,
          name: item.name,
          // 这里可以根据需要进行其他属性的映射
        }));
        setData(mappedData);
      } catch (error) {
        console.error(error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      {data.map(item => (
        <div key={item.id}>
          <p>{item.name}</p>
          {/* 这里可以渲染其他属性 */}
        </div>
      ))}
    </div>
  );
};

export default MyComponent;