如何在'react-data-table-component'中设置PageIndex？

Question

我使用 onChangePage={handlePageChange} 存储了“react-data-table-component”的 currentPageIndex 并将 pageIndex 存储在上下文中。

当我返回列表页面时，我想保留表格中的页面索引。

我从上下文中获取我保存的pageIndex。

但是我无法将 pageIndex 传递给“react-data-table-component”。它总是返回第一页！.

下面的分配未按预期工作“currentPage={10}”。

<DataTable
            title={<THeader />}                        
            columns={columns}
            data={tableData}
            actions={actionComponentMemo}
            customStyles={customTableStyles}
            pagination
            **currentPage={10}**
            onChangePage={handlePageChange}
            fixedHeader
            fixedHeaderScrollHeight="440px" //remove this if you dont need table scroll
            selectableRows
            selectableRowsHighlight
            selectableRowsRadio="checkbox"
            pointerOnHover
            className=" border z-10"
            contextActions={contextActions}
            onSelectedRowsChange={handleRowSelected}
            clearSelectedRows={toggleCleared}  
            onRowClicked={(row)=> navigate(`/consumer-list/${row.id}`)}
          />

Answer 1

谢谢大家！但我自己找到了答案。 'react-data-table-component' 默认有这个选项。

paginationDefaultPage={savedPageIndex}

我没有使用“currentPage={yourSavedPageIndex}”，而是使用了上面的分配。它按预期工作。

<DataTable
            title={<THeader />}                        
            columns={columns}
            data={tableData}            
            pagination
            paginationDefaultPage={yourSavedPageIndex}
            onChangePage={handlePageChange}
            ..........
            ....otheroptions
          />