如何在material UI React js中更改占位符的颜色

import { makeStyles } from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';

const useStyles = makeStyles((theme) => ({
  input: {
    '&::placeholder': {
      color: 'red', // 更改占位符的颜色
    },
  },
}));

const classes = useStyles();

<TextField
  placeholder="请输入内容"
  InputProps={{
    classes: {
      input: classes.input,
    },
  }}
/>