蚂蚁设计，带有分页的表组件如何从所有页面检查所有行

Question

在表格组件中，我只有很少的页面分页，并且需要在其上添加事件以计算所有页面的所有属性。现在，当我单击它时，它仅检查当前页面上的行。还是有什么办法可以找出顶部的复选框已被单击？

Answer 1

您可以使用rowSelection中的onSelectAll

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

Answer 2

未渲染其他页面，因此未安装它们。 因此，它们不存在于实际DOM或React的虚拟DOM中。

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

但这将使分页的目的无法实现。 https://reactjs.org/docs/faq-internals.html