Ant Design Table 多选数据合并 - 如何将多个 Table 选中的数据存储在一个 selectedRow 数组中

可以利用 state 来保存多个 Table 选中的数据。首先，在组件的 state 中定义一个 selectedRow 数组，用于保存选中的数据。然后，在每个 Table 组件的 onRowSelectionChange 事件中，将选中的数据添加到 selectedRow 数组中。最后，可以通过遍历 selectedRow 数组，将选中的数据显示出来。

示例代码如下：

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

const MyComponent = () => {
  const [selectedRow, setSelectedRow] = useState([]);

  const handleRowSelectionChange = (selectedRowKeys, selectedRows) => {
    setSelectedRow(selectedRows);
  };

  return (
    <div>
      <Table
        dataSource={dataSource1}
        columns={columns1}
        rowSelection={{
          onChange: handleRowSelectionChange,
        }}
      />
      <Table
        dataSource={dataSource2}
        columns={columns2}
        rowSelection={{
          onChange: handleRowSelectionChange,
        }}
      />
      <div>
        <h3>选中的数据：</h3>
        {selectedRow.map((row, index) => (
          <p key={index}>{row}</p>
        ))}
      </div>
    </div>
  );
};

export default MyComponent;

在上述代码中，selectedRow 数组保存了所有选中的数据。每当有 Table 的选中状态发生改变时，handleRowSelectionChange 函数会被调用，并将选中的数据更新到 selectedRow 数组中。最后，通过遍历 selectedRow 数组，将选中的数据显示出来。