reactjs - Material-UI：如何更改 TablePagination 说明显示多少行的标题？

Question

我想将单词“of”的字符串更改为另一个单词，我尝试这样做，node_modules但没有成功。

这是我的代码：

<TableFooter>
  <TableRow>
    <TablePagination
      rowsPerPageOptions={[5, 10, 25, { label: "All", value: -1 }]}
      count={props.generalIndicatorDataItem.length}
      rowsPerPage={rowsPerPage}
      page={page}
      labelRowsPerPage="عدد السلع فى الصفحة"
      onChangePage={handleChangePage}
      onChangeRowsPerPage={handleChangeRowsPerPage}
      ActionsComponent={TablePaginationActions}
    />
  </TableRow>
</TableFooter>

这是我所拥有的截图：

Answer 1

labelDisplayedRowsprops 是具有以下签名的回调：

({ from, to, count }) => string

这是您正确使用它的方式：

labelDisplayedRows={({ from, to, count }) =>
  `${from}-${to} OF ${count !== -1 ? count : `MORE THAN ${to}`}`}

现场演示