以下のコードを使用してReactコンポーネントでAppBarを使用しましたが、次のようなエラーがスローされます
不変違反: AppBar.render(): 有効な ReactComponent を返す必要があります。
var React=require('react');
var DocumentTitle=require('react-document-title');
var Masterpage=require('./pages/Masterpage');
var App=React.createClass({
render:function()
{
return(
<DocumentTitle title='Application Tracking System'>
<div className='App'>
<Masterpage />
<hr />
{this.props.children}
</div>
</DocumentTitle>
);
}
});
module.exports=App;
とMasterpage.jsが含まれています
var React=require('react');
var AppBar = require('material-ui/lib/app-bar');
var Masterpage=React.createClass({
render:function()
{
return(
<div>
<AppBar title="Application Tracking System" iconClassNameRight="muidocs-icon-navigation-expand-more" />
</div>
);
}
});
module.exports=Masterpage;