为什么我们有多个 Material UI 的颜色声明？答案

【问题标题】：Why do we have multiple color declarations for Material UI?为什么我们有多个 Material UI 的颜色声明？
【发布时间】：2021-10-11 19:47:33
【问题描述】：

调色板主题更新不应该也会影响应用程序上的其他元素，例如按钮吗？

如果我们这样写：

import blue from '@material-ui/core/colors/blue';

const theme = createTheme({
  palette: {
    primary: blue,
  },
})

按钮组件不会更改为创建的原色。另外，如果我创建一个盒子并提供以下内容：

<Box color='primary.main'>primary.main</Box>

除非我执行以下操作，否则它不会改变文本的颜色

<Box color='palette.primary.main'>primary.main</Box>

它背后有后勤吗？我假设它与进入不同色调或黑暗时颜色的自动变化有关，但我不是 100% 确定。

【问题讨论】：

【解决方案1】：

您必须访问主属性才能更改它：

import blue from '@material-ui/core/colors/blue';

const theme = createTheme({
  palette: {
    primary: {
      main : blue,
    }
  },
})

【讨论】：