如何在用户单击add new row时显示最后一页，以便用户可以使用react js和prime react查看新添加的行。

import React from 'react';
import { DataTable } from 'primereact/datatable';
import { Paginator } from 'primereact/paginator';
import 'primereact/resources/themes/saga-blue/theme.css';
import 'primereact/resources/primereact.min.css';
import 'primeicons/primeicons.css';

constructor(props) {
  super(props);
  this.state = {
    data: [], // 存储表格数据
    first: 0, // 当前页的第一行索引
    rows: 10, // 每页显示的行数
    totalRecords: 0 // 总记录数
  };
}

componentDidMount() {
  // 获取初始数据，例如从后端API请求数据
  // 更新状态中的data和totalRecords
  // 示例代码：
  fetch('your-api-url')
    .then(response => response.json())
    .then(data => {
      this.setState({
        data: data,
        totalRecords: data.length
      });
    });
}

onPageChange(event) {
  this.setState({
    first: event.first,
    rows: event.rows
  });
}

render() {
  const { data, first, rows, totalRecords } = this.state;

  return (
    <div>
      <DataTable value={data} first={first} rows={rows}>
        {/* 在这里定义表格的列 */}
      </DataTable>
      <Paginator
        first={first}
        rows={rows}
        totalRecords={totalRecords}
        onPageChange={event => this.onPageChange(event)}
      ></Paginator>
    </div>
  );
}

handleAddNewRow() {
  const { rows, totalRecords } = this.state;
  const lastPage = Math.ceil(totalRecords / rows) - 1;
  const lastPageFirstRow = lastPage * rows;

  this.setState({
    first: lastPageFirstRow
  });
}