react-mounter使用主題的Material-ui流星

我剛從meteor/flow-router/react-mounter開始，遇到了爲Material-ui中的組件設置主題的問題。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;

誰能幫我用材料的UI設定主題的組成部分，或者有一個工作的例子提前

感謝。

來源

2016-04-22 Sam Puccio

看看這個簡單的工作example

來源

2016-04-22 11:31:28 none

這個例子不使用反應貼片機從kadira。我的問題更多的是如何在使用反應貼片機時設置主題 –

react-mounter使用主題的Material-ui流星

回答

相關問題