antd table的分页道具

Question

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

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

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

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

Answer 1

将“show PageSizeOptions”替换为“show size Changer”。

即

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

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