从状态中检索数据并在antd中以动态形式显示数据

import React, { useState } from 'react';

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

  // 其他代码...

  return (
    // JSX代码...
  );
}

export default MyComponent;

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

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

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = async () => {
    try {
      const response = await axios.get('API_URL');
      setData(response.data);
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  };

  // 其他代码...

  return (
    // JSX代码...
  );
}

export default MyComponent;

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

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

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = async () => {
    try {
      const response = await axios.get('API_URL');
      setData(response.data);
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  };

  // 其他代码...

  return (
    <Table dataSource={data}>
      <Table.Column title="Name" dataIndex="name" key="name" />
      <Table.Column title="Age" dataIndex="age" key="age" />
      {/* 其他列... */}
    </Table>
  );
}

export default MyComponent;