Material ui 如何从组件中访问主题调色板？

我正在尝试构建一个组件，它呈现一个显示错误的

div

function ErrorDiv(props) {
  return (
    <Card>
      <Typography>{props.message}</Typography>
    </Card>
  );
}

函数ErrorDiv（道具）{
返回(
{props.message}
);
}

我想设置

的样式，使背景色为

调色板.error.main

，而

的字体颜色为白色

---

但是，我不确定如何访问主题颜色。是否有公开的

调色板

变量？或者我应该在主题创建模块中将单个颜色导出为字符串，然后导入颜色供此处使用吗？

此处是指向此主题的文档的链接

以下是使用withStyles的示例：

从'@material ui/core/styles'导入{withStyles}
常量样式=主题=>({
卡片：{
背景：theme.palete.error.main，
颜色：'#fff'
}
})
函数错误卡（{classes}）{
返回(
出了点问题！！
)
}
导出默认样式（样式）（ErrorCard）

形成文件：

从'@materialui/styles'导入{useTheme}；
函数DeepChild（）{
const theme=useTheme（）；
返回{`spating${theme.spating}`}；
}

不是您的典型用例，但它是从主题访问颜色数组所必需的，例如