如何使用主题颜色

Question

如何使用在theme中创建的用户定义的颜色

export default createMuiTheme({
  palette: {
    primary: {
      main: 'red',
      contrastText: '#ffffff'
    },
    secondary: {
      main: 'green',
      contrastText: '#ffffff'
    },
    error: {
      main: 'blue',
      contrastText: '#ffffff'
    }
  },
})

在React.Component中？

我正在尝试

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

然后

class Foo extends React.Component {

  render() {
    return (
               <Avatar 
                   style={{backgroundColor: this.props.theme.primary}} />
            )
    }

const withThemeUserMenu = withTheme(Foo);
export default Foo;

那是行不通的。如何访问主题的颜色？

Answer 1

我认为这只是您导入的方式。如果要使用async导出未修饰的导出内容，那么它叫什么都无所谓，也不需要括号。

他们建议在文档中这样做：

default