0

以下のコードを使用して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;
4

1 に答える 1

0

反応0.13.3バージョンが原因でエラーがスローされるという答えが見つかりました。反応0.14.3を更新した後、正常に動作しています。

于 2015-12-22T11:07:35.713 に答える