如何将Json响应提供给一个空的ant设计表？

import React from 'react';
import { Table } from 'antd';

const EmptyTable = () => {
  return (
    <Table dataSource={[]} columns={[]} />
  );
}

export default EmptyTable;

import React, { useEffect, useState } from 'react';
import EmptyTable from './EmptyTable';

const ParentComponent = () => {
  const [responseData, setResponseData] = useState([]);

  useEffect(() => {
    // 从服务器获取Json响应数据的示例
    fetch('https://example.com/api/data')
      .then(response => response.json())
      .then(data => setResponseData(data));
  }, []);

  return (
    <EmptyTable dataSource={responseData} columns={columns} />
  );
}

export default ParentComponent;

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  // 其他列配置...
];