未在“工具栏”中指定muiTheme

debugcn 发表于 Dev

塞拉姆

即使我muitheme在组件中添加了属性，我也无法弄清楚到底需要什么。如果有人可以提出什么是学习material uiin的最佳资源的最佳资源，那也很好。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>
);

}}

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

安德烈·杨（AndréYoung）

因此，它的工作原理略有不同。.
在应用中提供主题的最快/正确方法是使用高阶组件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')
);

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。