muiTheme` `未在“`Toolbar`”中指定

Question

即使我在我的muitheme中添加了属性component.Also，我也无法确定到底需要什么，如果有人能建议什么是学习material ui在meteor-react中的实现的最佳资源，那就太好了。

import getMuiTheme from 'material-ui/styles/getMuiTheme';  
import NavigationExpandMoreIcon from 'material-ui/svg-icons/navigation/expand-more';
import MenuItem from 'material-ui/MenuItem';
import DropDownMenu from 'material-ui/DropDownMenu';
import RaisedButton from 'material-ui/RaisedButton';
import {Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarTitle} from 'material-ui/Toolbar';

class ToolbarExamplesSimple extends React.Component {

constructor(props) {
super(props); 
this.state = {
  value: 3,
};
}

// handleChange = (event, index, value) => this.setState({value});

render() {
const muiTheme = getMuiTheme({

  appBar: {
    height: 50,
  },
});
return (
  <Toolbar muiTheme={muiTheme}>
    <ToolbarGroup firstChild={true}>
      <DropDownMenu value={this.state.value} >
        <MenuItem value={1} primaryText="All Broadcasts" />
        <MenuItem value={2} primaryText="All Voice" />
        <MenuItem value={3} primaryText="All Text" />
        <MenuItem value={4} primaryText="Complete Voice" />
        <MenuItem value={5} primaryText="Complete Text" />
        <MenuItem value={6} primaryText="Active Voice" />
        <MenuItem value={7} primaryText="Active Text" />
      </DropDownMenu>
    </ToolbarGroup>
    <ToolbarGroup>
      <ToolbarTitle text="Options" />
      <FontIcon className="muidocs-icon-custom-sort" />
      <ToolbarSeparator />
      <RaisedButton label="Create Broadcast" primary={true} />
      <IconMenu
        iconButtonElement={
          <IconButton touch={true}>
            <NavigationExpandMoreIcon />
          </IconButton>
        }
      >
        <MenuItem primaryText="Download" />
        <MenuItem primaryText="More Info" />
      </IconMenu>
    </ToolbarGroup>
  </Toolbar>
); 

}}

错误： uncaught :无法读取未定义(…)的属性“prepareStyles”**

Answer 1

所以，它的工作方式有点不同..。

在应用程序中提供主题的最快/正确方法是使用高级组件MuiThemeProvider。它应该在你的应用程序的根部。

使用更多信息检查文档的这一部分

http://www.material-ui.com/#/get-started/usage。

文档中的示例：

import React from 'react';
import ReactDOM from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import MyAwesomeReactComponent from './MyAwesomeReactComponent';
import myMaterialTheme from './myMaterialTheme.js';
import getMuiTheme from 'material-ui/styles/getMuiTheme';


const muiTheme = getMuiTheme(myMaterialTheme);
const App = () => (
  <MuiThemeProvider  muiTheme={muiTheme}>
    <MyAwesomeReactComponent />
  </MuiThemeProvider>
);

ReactDOM.render(
  <App />,
  document.getElementById('app')
);