reactjs - Material-UI：您正在使用排版变体

Question

我使用 react 和 Material-UI 开发了一个 Web 应用程序并做出了反应。当我使用分页时，出现以下错误。

index.js:1452 Warning: Material-UI: You are using the typography variant caption which will be restyled in the next major release. 
Please read the migration guide under https://material-ui.com/style/typography#migration-to-typography-v2

我在代码中使用以下方式进行分页

import TablePagination from '@material-ui/core/TablePagination';

<TablePagination
    component="div"
    count={this.handleChangeFilter(searchedVal).length}
    rowsPerPage={rowsPerPage}
    page={page}
    backIconButtonProps={{
        'aria-label': 'Previous Page',
    }}
    nextIconButtonProps={{
        'aria-label': 'Next Page',
    }}
    onChangePage={this.handleChangePage}
    onChangeRowsPerPage={this.handleChangeRowsPerPage}
/>

请告诉我如何解决它下面的错误图片

标签： reactjsmaterial-ui

Answer 1

此错误意味着排版将在下一个版本中更改，因此您应该迁移到下一个版本。https: //v3.mui.com/style/typography/#migration-to-typography-v2为您提供有关如何操作的指南通过添加以下内容迁移到下一个版本：

const theme = createMuiTheme({
  typography: {
    useNextVariants: true,
  },
});