React-mounter Material-ui Meteor с использованием тем

Я только начинаю с Meteor / Flow-Router / React-Mounter и сталкиваюсь с проблемой установки темы для компонента в Material-ui.

В Material-UI v 0.15.0 они больше не устанавливают для них значение по умолчанию lightBaseTheme, поэтому его нужно установить при создании.

Вот образец компонента.

import React from 'react';
import AppBar from 'material-ui/AppBar';
import IconButton from 'material-ui/IconButton';
import Navigationclose from 'material-ui/svg-icons/navigation/close';
import IconMenu from 'material-ui/IconMenu';
import NavigationMoreVert from 'material-ui/svg-icons/navigation/more-vert';
import MenuItem from 'material-ui/MenuItem';
import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
import getMuiTheme from 'material-ui/styles/getMuiTheme';


class Navbar extends React.Component {

    childContextTypes: {
    muiTheme: React.PropTypes.object.isRequired
}

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

    render() {

        return (<AppBar
            title="Title"
            iconElementLeft={<IconButton><Navigationclose /></IconButton>}
            iconElementRight={
           <IconMenu
               iconButtonElement={
                <IconButton><NavigationMoreVert /></IconButton>
              }
               targetOrigin={{horizontal: 'right', vertical: 'top'}}
              anchorOrigin={{horizontal: 'right', vertical: 'top'}}
          >
              <MenuItem primaryText="Refresh"/>
                <MenuItem primaryText="Help"/>
              <MenuItem primaryText="Sign out"/>
           </IconMenu>
        }
        />);
    }
}


export default Navbar;

Может ли кто-нибудь помочь мне установить тему для компонента с помощью Material-UI или иметь рабочий пример

Заранее спасибо.


person Sam Puccio    schedule 22.04.2016    source источник


Ответы (1)


Взгляните на этот простой рабочий пример

person none    schedule 22.04.2016
comment
В этом примере не используется react-mounter от kadira. Моя проблема заключалась скорее в том, как установить тему при использовании react-mounter - person Sam Puccio; 22.04.2016