Question

我正在用React做一个简单的网页，并使用material-ui中的createMuiTheme在主题中定义了以下调色板。

palette: {
    primary: {
      main: "#333333"
    },
    secondary: {
      main: "#727171"
    },
    background: {
    paper: "#f8f3f0",
    default: "#f8f3f0"
    },
    accent: {
      main: "#80d6d1"
    }
}

然后，当我想将强调色用于某些文本时，我使用：

const useStyles = makeStyles(theme => ({
  content: {
    backgroundColor: theme.palette.background.default,
    minHeight: "90vh"
    color: theme.palette.background.main
  }
}));

我收到以下错误：

TypeError: Cannot read property 'main' of undefined

  71 |     minHeight: "90vh"
> 72 |     color: theme.palette.accent.main
  73 |   }
  74 | }));

这里有什么问题的想法吗？

Answer 1

请确保您从App.js文件中的'@ material-ui / core'导入并且不从'@ material-ui / styles'导入。

我也犯了同样的错误，现在一切正常！

谢谢！

TypeError：无法读取未定义的属性“ main”-反应问题

1 个答案: