使用React-Table和Fetch GET JSON创建包含列的动态表

import React, { useEffect, useState } from 'react';
import ReactTable from 'react-table';
import 'react-table/react-table.css';

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

  useEffect(() => {
    fetch('your_api_endpoint')
      .then(response => response.json())
      .then(jsonData => setData(jsonData));
  }, []);

  const columns = [
    {
      Header: '列1',
      accessor: 'column1',
    },
    {
      Header: '列2',
      accessor: 'column2',
    },
    // 添加更多的列配置...
  ];

  return (
    <ReactTable
      data={data}
      columns={columns}
      // 可以添加其他的React-Table配置选项
    />
  );
};

const App = () => {
  return (
    <div>
      <h1>动态表格</h1>
      <DynamicTable />
    </div>
  );
};

export default App;