如何从 Antd 中的所有页面中检查所有行

【问题标题】：how get checked all row from all pages in Antd如何从 Antd 中的所有页面中检查所有行
【发布时间】：2019-11-25 09:19:33
【问题描述】：

在表格组件中，我有几页的分页，我需要在其上添加事件以计算所有页面的所有属性。现在当我点击它时，它只检查当前页面上的行。或者可能有任何方法可以找出顶部复选框被点击？

【问题讨论】：

标签： javascript reactjs antd

【解决方案1】：

其他页面未呈现，因此未挂载。因此它们不存在于真实 DOM 或 React 的虚拟 DOM 中。

解决方案是仍然呈现其他页面。但是要在所有组件中返回空值，所以它仍然是不可见的。

然而，这会破坏分页的目的。 https://reactjs.org/docs/faq-internals.html

【讨论】：

【解决方案2】：

您可以使用onSelectAll 的rowSelection

const App = () => {
  const rowSelection = {
    onSelectAll: () => console.log('all Selected')
  };
  return (
    <Table rowSelection={rowSelection} columns={columns} dataSource={data} />
  );
};

【讨论】：

我尝试全选，但它也在当前页面中给出行codesandbox.io/s/…