antd table的分頁道具

Question

我正在使用antd庫中的Table組件。 我想將分頁道具傳遞給Table組件。 它在文檔中說通過了分頁配置對象，它引用了分頁組件本身。

所以我使用Pagination組件道具名稱作為鍵傳遞分頁對象，如<Table pagination={{pageSizeOptions : ['30', '40'], showPageSizeOptions : true}} {...otherProps} />

但是當我在react-inspector中檢查Table組件時，我沒有看到組件props中的分頁支柱，但是它在組件狀態中並且具有默認值。

如何使用表組件的分頁支柱？

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

它工作但不明白為什么以及兩種語法的兩種語義之間有什么區別。