material ui分页组件文本颜色为灰色

Material-UI是一个流行的React UI组件库，提供了丰富的可重用组件，用于构建现代化的Web应用程序。其中包括分页组件，可以方便地实现分页功能。

对于Material-UI分页组件中文本颜色为灰色的问题，可以通过自定义样式来实现。以下是一个示例代码：

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Pagination from '@material-ui/lab/Pagination';

const useStyles = makeStyles((theme) => ({
  root: {
    '& .MuiPaginationItem-root': {
      color: 'gray', // 设置文本颜色为灰色
    },
  },
}));

const CustomPagination = () => {
  const classes = useStyles();

  return (
    <Pagination
      count={10} // 总页数
      color="primary" // 设置主题颜色
      classes={{ root: classes.root }} // 应用自定义样式
    />
  );
};

export default CustomPagination;

在上述代码中，通过makeStyles函数创建了一个自定义样式类classes，其中root样式类用于设置分页组件文本颜色为灰色。然后，在CustomPagination组件中，将自定义样式类应用到分页组件的root属性上。

这样，使用CustomPagination组件时，分页组件的文本颜色就会被设置为灰色。

关于Material-UI分页组件的更多信息，你可以参考腾讯云的相关产品文档：