如何在reactJs中添加带有表的next & prev按钮？

import React, { useState } from 'react';
import { Table, Button } from 'antd';

const TableWithButtons = () => {
  const [currentPage, setCurrentPage] = useState(1);
  const data = [
    // 表格数据
  ];

  const pageSize = 10; // 每页显示的数据条数
  const totalPage = Math.ceil(data.length / pageSize); // 总页数

  const handlePrev = () => {
    setCurrentPage(prevPage => prevPage - 1);
  };

  const handleNext = () => {
    setCurrentPage(prevPage => prevPage + 1);
  };

  const renderTableData = () => {
    const startIndex = (currentPage - 1) * pageSize;
    const endIndex = startIndex + pageSize;
    return data.slice(startIndex, endIndex);
  };

  return (
    <div>
      <Table dataSource={renderTableData()} columns={columns} />

      <div>
        <Button onClick={handlePrev} disabled={currentPage === 1}>
          Prev
        </Button>
        <Button onClick={handleNext} disabled={currentPage === totalPage}>
          Next
        </Button>
      </div>
    </div>
  );
};

export default TableWithButtons;