material-ui Как изменить начальные строкиPerPage в TablePagination

Question

Я новичок, используя материал, и я хочу убрать выделение «Строки на странице» и показать «n» строк, например, 10.

<TablePagination
          rowsPerPageOptions={[]}
          component="div"
          count={rows.length}
          rowsPerPage={10}
          page={page}
          backIconButtonProps={{
            "aria-label": "Previous Page"
          }}
          nextIconButtonProps={{
            "aria-label": "Next Page"
          }}
          onChangePage={handleChangePage}
          onChangeRowsPerPage={handleChangeRowsPerPage}
        />

Но таблица продолжает показывать 5 строк. Как я могу изменить это поведение? Заранее спасибо

Answer 1

Это не работает, потому что это состояние, и вы не изменяете его правильно, в этом примере Material-UI вы должны инициализировать значение в React.useState(), как я это сделал в строке 119 этого пример.

const [rowsPerPage, setRowsPerPage] = React.useState(10); // this line will be the starting