antd 表的分页props

IT技术 javascript reactjs pagination antd
2021-04-27 12:10:27

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

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

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

如何为 Table 组件使用分页props?

2个回答

将“showPageSizeOptions”替换为“showSizeChanger”。

IE

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

创建分页配置对象并将其与对象传播语法一起使用!

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

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

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