reactjs - 为什么我不能从 Material UI 颜色中导入 "white"颜色？

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'.

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

Answer 1

从 MaterialUI 检查可用的调色板 here

白色不可用。

但是你可以用'white'作为字符串，因为 CSS 有 'white' 作为值

style={{ color: 'white' }}

CSS 支持的颜色的完整列表可以在 here 中找到。