为什么我不能从 Material UI 颜色中导入“白色”颜色？

Question

我需要将 Material UI 图标转换为白色，因为背景是另一种颜色。

我从他们的核心颜色库中导入白色：

import { white } from '@material-ui/core/colors';

所以我可以这样做：

style={{ color: white }}

但是，我收到一条错误消息：

./src/components/footer.js
Attempted import error: 'white' is not exported from '@material-ui/core/colors'.

根据他们的文档，我看不出我做错了什么。我已经彻底研究了为什么会出现此错误但找不到解决方案。

Answer 1

@Sabbin 建议的一个好方法。但如果您想要来自 MaterialUI 的类型化对象，它可以在theme. 您可以在文档中的主题资源管理器中找到有关此内容的更多信息。

例如：

import { useTheme } from '@material-ui/core';

export default function MyComponent() {
  const theme = useTheme();
  
  const whiteColor = theme.palette.common.white;
}

Answer 2

在此处查看 MaterialUI 中的可用调色板

白色不可用。

但是您可以使用'white'字符串，因为 CSS 的值是 'white'

style={{ color: 'white' }}

可以在此处找到 CSS 支持的完整颜色列表