小编Ela*_*rni的帖子

如何更改Material-UI的Toggle的颜色

所以我把我的Toggle按钮放在我的AppBar,这产生了一个问题,因为它们在Toggle选择时是相同的颜色.

我尝试了很多不同的东西(如下所示),但却无法改变它的颜色.

import React from 'react';
import Toggle from 'material-ui/Toggle'
import Drawer from 'material-ui/Drawer';
import AppBar from 'material-ui/AppBar';
import MenuItem from 'material-ui/MenuItem';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

var Style =
{
    palette:
    {
      primary1Color: '#ffffff',
    },
};

class AppBarComp extends React.Component {

  constructor() {
    super();
    this.state = {
      open: false
    };
  }

  getChildContext() {
    return {muiTheme: getMuiTheme(Style)};
  }

  handleToggle = () => this.setState({open: !this.state.open});

  handleClose = () => this.setState({open: false});

  render() …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs material-ui

5
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×1

material-ui ×1

reactjs ×1