Reactjs 样式MUI文本字段占位符

我需要使占位符字体的重量为400和输入字体的重量为600，但它不工作。我在这里寻找解决方案，但没有一个奏效。文件中没有提到怎么做。求求你，救命

import React from "react";
import { TextField, makeStyles } from "@material-ui/core";

const useStyles = makeStyles(() => ({
  input: {
    fontWeight: 600,
    "&::placeholder": {
      fontWeight: 400,
    },
  },
}));

function CustomizedInput() {
  const classes = useStyles();

  return (
    <TextField
      label="LOCATION"
      placeholder="Where are you going?"
      InputLabelProps={{
        shrink: true,
      }}
      InputProps={{
        className: classes.input,
      }}
      variant="filled"
    />
  );
}

export { CustomizedInput };

从“React”导入React；
从“@material ui/core”导入{TextField，makeStyles}；
const useStyles=makeStyles（（）=>({
输入：{
重量：600，
“&：：占位符”：{
体重：400，
},
},
}));
函数CustomizedInput（）{
const classes=useStyles（）；
返回(
);
}
导出{CustomizedInput}；

---

发现我做错了什么。这是一个愚蠢的语法错误。我应该使用类属性而不是类名

InputProps={{
   classes: { input: classes.input }
}}

有关类名和类之间差异的更多信息，请参阅