Ich kann nicht herausfinden, was genau benötigt wird, obwohl ich das Attribut muitheme
in meiner Komponente hinzugefügt habe.Auch wäre es großartig, wenn jemand vorschlagen könnte, was die beste Ressource für das Lernen der Implementierung ist von material ui
in meteor-react
muiTheme` wurde nicht in `Toolbar` angegeben
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>
);
} }
Fehler: abgefangene Typeerror: kann Eigenschaft 'prepareStyles' undefinierter lesen (...) **