React Material-UI：提供给类属性的键未在未定义中实现

Question

我正在尝试使用 makeStyles() 覆盖 Material-UI 样式，如 docs 中所述。但是当我在父组件的类道具中传递一个类名时，我收到了一个警告，这在useStyles 中没有描述。警告说：

警告：Material-UI：提供给 classes 属性的键 label 未在 undefined 中实现。 您只能覆盖以下之一：root。

Codesandbox中的示例

我知道如果我在 useStyles 中取消注释 label: {}，这个错误就会消失。但是我正在制作一个组件库，所以可能会传递Button组件的所有属性，正如here所描述的那样。

那么问题来了：

1. 我真的需要列出Button的所有这些道具吗？
2. 如何确定应用样式的优先级（组件useStyles 中的样式的优先级低于通过道具传递的类名）？

Answer 1

您可以只覆盖makeStyle 类，{ ...classes, label: 'my-color2' }，为example：

export default function ContainedButtons(props) {
  const classes = useStyles(props);

  return (
    <div>
      <Button variant="contained" classes={{ ...classes }}>
        Default
      </Button>
      <Button variant="contained" classes={{ ...classes, label: 'my-color2' }}>
        Default
      </Button>
    </div>
  );
}