不变违规：AppBar.render()：必须返回一个有效的 ReactComponent答案

【问题标题】：Invariant Violation: AppBar.render(): A valid ReactComponent must be returned不变违规：AppBar.render()：必须返回一个有效的 ReactComponent
【发布时间】：2016-03-28 14:44:37
【问题描述】：

我使用下面提到的代码在我的 React 组件中使用了 AppBar，它会抛出类似

的错误

Invariant Violation：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;

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

我找到了答案，这是因为 react 0.13.3 版本抛出错误我已经更新了 react 0.14.3 然后它工作正常。

【讨论】：