3
我绝对发现material-ui,我想通过以下方式使用材料的UI与ecmascript6
import React from 'react';
import mui from 'material-ui';
import injectTapEventPlugin from 'react-tap-event-plugin';
import PropertiesList from './../components/propertylist.jsx';
import Filters from './../components/filter.jsx';
import Properties from './../models/PropertiesModel.js';
import Toolbar from './../components/toolbar.jsx';
var AppBar = mui.AppBar;
var IconButton = mui.IconButton;
var NavigationClose = mui.NavigationClose;
var ThemeManager = new mui.Styles.ThemeManager();
var FlatButton = mui.FlatButton;
injectTapEventPlugin();
class TransProperties extends React.Component {
constructor(props){
super(props);
}
render() {
return <div className="row">
<div className="col-lg-9">
<AppBar
title="Title"
iconElementLeft={<IconButton><NavigationClose /></IconButton>}
iconElementRight={<FlatButton label="Save" />} />
<PropertiesList url="/properties.json"/>
</div>
<div className="col-lg-3">
<Filters/>
</div>
</div>;
}
handleTouchTap() {
alert("oh hi");
}
}
export default TransProperties
添加一些成分,但我得到一个错误Uncaught TypeError: Cannot read property 'spacing' of undefined
是指
getStyles: function getStyles() {
var spacing = this.context.muiTheme.spacing;...}
我错过了什么?
感谢您的反馈是啊,好像这是做的方式,但我得到意想不到的令牌 – fefe
你可以发布你遇到问题的组件?也许还有别的东西会引起'Unexpected token'问题? –
我有它链接你提供给我的帮助非常感谢! – fefe