javascript - 如何修复分页页面不使用反应钩子网格更新

Question

索引.tsx

    const paginationObject: object = {
            enable: true,
            pagination: true,
            paginationPageSize: 10,
            totalRecords: rowData['recordsTotal'],
            pageChange: (page) => {
                // gridApi.paginationGoToPage(page);
                // fetchData({start: 10 * (page - 1) + 1});
                // gridApi.paginationGoToPage(10 * (page-1) + 1)
                // console.log(gridApi)
                // console.log((10*(page - 1) + 1))
                // return (10 * (page - 1) + 1);
            }
        };
    
        const gridOptions: object = {
            ...paginationObject,
            suppressPaginationPanel: true,
            rowData: rowData['data'],
            columnDefs: columnDefs,
            onGridReady: onGridReady,
        };

<GridTable agGrid={gridOptions} pagination={paginationObject} />

这里的问题是分页正在改变活动页面，但显示没有更新。

我有一个数据已经加载totalrecords: 999。但在显示屏上，更改页面时它不会更新，但活动页面正在工作。

我试试

pageChange: (page) => {
 gridApi.paginationGoToPage(page);
}

它不起作用

标签： javascriptreactjstypescriptnext.jsag-grid