2016-04-22 2 views
0

Я только начинаю с метеорного/потокового маршрутизатора/реагирующего монтера и сталкиваюсь с проблемой, задающей тему для компонента в Material-ui.реакция-mounter Материал-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; 

Может кто-нибудь помочь мне установить тему для компонента с использованием материала-интерфейса, или рабочий пример

Спасибо заранее.

ответ

0

Посмотрите на этот простой рабочий example

+0

В примере не используется среагировать-монтажник из kadira. Моя проблема была более похожа на то, как установить тему при использовании средства реагирования –