antd table的分页道具

Question

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

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

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

如何使用Table组件的分页支柱？

Answer 1

将“ showPageSizeOptions”替换为“ showSizeChanger”。

即

<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} />

它有效，但不明白为什么以及两种语法的两种语义之间有什么区别。