当数据源数据更改时，不会自动重新呈现antd表

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

const MyTable = () => {
  const [dataSource, setDataSource] = useState([
    { id: 1, name: 'John' },
    { id: 2, name: 'Jane' },
  ]);

  // 更新数据源
  const updateDataSource = () => {
    const newData = [
      { id: 1, name: 'John' },
      { id: 2, name: 'Jane' },
      { id: 3, name: 'Tom' },
    ];
    setDataSource(newData);
  };

  const columns = [
    { title: 'ID', dataIndex: 'id', key: 'id' },
    { title: 'Name', dataIndex: 'name', key: 'name' },
  ];

  return (
    <div>
      <Table dataSource={dataSource} columns={columns} />
      <button onClick={updateDataSource}>更新数据源</button>
    </div>
  );
};

export default MyTable;