调色板功能显示错误的颜色

Question

在一个React项目中，我试图创建一个常数来堆叠所有的颜色代码。

代码是:

export const colors = [
{
primary: "#ff1944",
secondary: "#ff1612",
white: "#fff",
black: "#000",
},
];

问题是，如果我设置值:colors。白色到makeStyle (Material UI)的颜色仍然是黑色。

primary和secondary也会发生这种情况。

Answer 1

你定义的变量是一个数组，这就是为什么colors.white不工作，试试这个:

export const colors = 
{
primary: "#ff1944",
secondary: "#ff1612",
white: "#fff",
black: "#000",
}

和colors.white来获取颜色

或:

使用colors[0].white获取颜色