antd 表的分页道具

Question

我正在使用 antd 库中的 Table 组件。我想将分页道具传递给 Table 组件。在文档中，它说传递分页配置对象，该对象指的是分页组件本身。

所以我使用分页组件道具名称作为键传递分页对象，例如 <Table pagination={{pageSizeOptions : ['30', '40'], showPageSizeOptions : true}} {...otherProps} />

但是当我在 react-inspector 中检查 Table 组件时，我没有在组件 props 中看到分页道具，但它在组件状态中存在并且具有默认值。

如何为 Table 组件使用分页道具？

Answer 1

将“showPageSizeOptions”替换为“showSizeChanger”。

IE

<Table pagination= { {pageSizeOptions: ['30', '40'], showSizeChanger: true}} rowSelection={rowSelection} columns={columns} dataSource={data} />

Answer 2

创建分页配置对象并将其与对象扩展语法一起使用是有效的！

config = { pagination : { pageSizeOptions : ['30', '40'], showSizeChanger : true } }

<Table {...config} {...otherProps} />

它有效，但不明白两种语法的两种语义之间的原因和区别。