代码之家 › 专栏 › 技术社区 › four-eyes

如何使用主题中的颜色

material-ui reactjs javascript

four-eyes · 技术社区 · 5 年前

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;

1 回复 | 直到 5 年前

Peadar 5 年前

我想这正是你们进口的方式。如果要使用导出未指定的导出 default 不管它叫什么,你也不需要牙套。

他们建议在他们的文档中这样做:

import { createMuiTheme, responsiveFontSizes } from '@material-ui/core/styles';

let theme = createMuiTheme();
theme = responsiveFontSizes(theme);

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前