`Toolbar` 中未指定 muiTheme

Question

即使我在 component.Also 中添加了属性 muitheme，我也无法弄清楚到底需要什么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>
);

} }

错误： 未捕获类型错误：无法读取未定义的属性 'prepareStyles'（…）**

Answer 1

所以，它的工作方式有点不同..
quickest/proper 在您的应用中提供主题的方法是使用高阶组件 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')
);

`Toolbar` 中未指定 muiTheme

muiTheme` was not specified in `Toolbar`

meteor

reactjs

material-ui