makeStyles是一个钩子工厂，它返回一个样式钩子（通常称为useStyles），这是它的使用方式：

const useStyles = makeStyles(...);

在您的代码中，您定义useStyles了一个返回的函数，makeStyles而不是告诉makeStyles创建一个在这里没有意义的新钩子，因此将您的代码更改为上述内容。我也为你固定了样式。文本颜色样式应放置在InputBase组件中：

const useStyles = makeStyles(() =>
  createStyles({
    componentStyle: {
      verticalAlign: "middle",
      fontSize: "12px",
      width: (params) => (params.width ? params.width : "auto"),

      "& fieldset": {
        border: "solid 2px #0070D8"
      },
      "& .MuiInputBase-root": {
        height: (params) => (params.height ? params.height : "auto"),
        color: (params) => (params.color ? params.color : "inherit")
      }
    }
  })
);

const classes = useStyles({
  color: "red",
  width: 400,
  height: 80,
});

<KeyboardDatePicker
  onChange={() => {}}
  inputVariant="outlined"
  InputProps={{
    className: classes.componentStyle
  }}
/>

如果你想通过样式设置样式createMuiTheme，这里是等效的代码。请注意，与上述useStyles方法不同，您不能通过组件props来创建动态样式：

const theme = createMuiTheme({
  overrides: {
    MuiTextField: {
      root: {
        verticalAlign: "middle",
        fontSize: "12px",
        width: 150,
        "& fieldset": {
          border: "solid 2px #0070D8"
        }
      }
    }
  }
});

它应该再次起作用。作为参考，请参阅本节以了解如何使用makeStyles组件props。

看起来你不需要像这样编写自定义钩子useStyles = (params: any) => ...，返回的钩子makeStyles已经接受了一个props param。

在为 MUI 组件设置样式时，您需要检查每个组件的 API 以定义您传递给的对象makeStyles，在这种情况下，日期选择器组件是一组其他 MUI 组件，如果您转到 API，您将看到不同的props传递给每个单独的组件。要设置输入的样式，您通过 InputProps 中的 useStyle 钩子返回的类，使用Input API中的根规则，如果您需要更具体的样式，请应用其他规则。

const useInputStyles = makeStyles({
  root: {
    width: (props) => (props.width ? props.width : "auto"),
    color: (props) => (props.color ? props.color : "inherit"),
    verticalAlign: "middle",
    fontSize: "12px",
    border: "solid 2px #0070D8"
  }
});
...
    const inputClasses = useInputStyles()
...
      <KeyboardDatePicker
        ...
        InputProps={{ classes: inputClasses }}
      />

并为“板”设置样式，不确定您是否指的是 popover，因为您使用了inline变体，因此您在 PopoverProps 中传递样式paper，按照Popover API 中的描述定义规则中的样式

const usePopoverStyles = makeStyles({
  paper: {
    backgroundColor: "green"
  }
});
...
    const popoverClasses = usePopoverStyles();
      ...
      <KeyboardDatePicker
        ...
        PopoverProps={{ classes: popoverClasses }}
      />

你可以看到它在这里工作https://codesandbox.io/s/mui-keyboarddatepicker-styles-sueqd?file=/src/App.tsx