antd table 的分页道具答案

【问题标题】：pagination prop for antd tableantd table 的分页道具
【发布时间】：2018-08-18 19:21:22
【问题描述】：

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

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

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

如何使用 Table 组件的分页属性？

【问题讨论】：

【解决方案1】：

将“showPageSizeOptions”替换为“showSizeChanger”。

即

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：