如何在Material-UI TablePagination中添加元素？

import React from 'react';
import { TablePagination, IconButton } from '@material-ui/core';
import { FirstPage, KeyboardArrowLeft, KeyboardArrowRight, LastPage } from '@material-ui/icons';

class CustomTablePagination extends TablePagination {
  render() {
    const { classes, count, page, rowsPerPage, onChangePage } = this.props;

    return (
      <div className={classes.root}>
        {/* 添加你想要的元素 */}
        <IconButton onClick={this.handleFirstPageButtonClick} disabled={page === 0}>
          <FirstPage />
        </IconButton>
        <IconButton onClick={this.handleBackButtonClick} disabled={page === 0}>
          <KeyboardArrowLeft />
        </IconButton>
        {/* 其他默认的分页元素 */}
        {/* ... */}
        <IconButton onClick={this.handleNextButtonClick} disabled={page >= Math.ceil(count / rowsPerPage) - 1}>
          <KeyboardArrowRight />
        </IconButton>
        <IconButton onClick={this.handleLastPageButtonClick} disabled={page >= Math.ceil(count / rowsPerPage) - 1}>
          <LastPage />
        </IconButton>
      </div>
    );
  }
}

<CustomTablePagination
  count={totalRows} // 总行数
  page={currentPage} // 当前页码
  rowsPerPage={rowsPerPage} // 每页显示的行数
  onChangePage={handleChangePage} // 切换页码的回调函数
  classes={classes} // 样式类名
/>