未捕获错误:不变冲突:元素类型无效:应为字符串(用于内置组件)或类/函数,但得到:对象

我得到这个错误:

未捕获错误:不变冲突:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象。

这是我的代码:

var React=require('React'))
var ReactDOM=require('react-dom'))
var Router=require('react-Router')
var Route=Router.Route
var Link=路由器.Link
var App=React.createClass({
render(){
返回(
<div>
<h1>应用程序</h1>
<ul>
<li><链接到="/about"关于</Link></li>
</ul>
</div>
)
}
})
变量About=require(“./components/Home”)
ReactDOM.render((
<路由器>
<路由路径=“/”组件={App}>
<路由路径=“关于”组件={about}/>
</Route>
</Router>
),document.body)

我的Home.jsx文件:

var React=require('React');
var RaisedButton=require('material-ui/lib/RaisedButton');
var Home=React.createClass({
render:function(){
返回(
<RaisedButton label="默认值"/>
);
},
});
module.exports=Home;

在我的案例中(使用Webpack),这是以下两者之间的区别:

从“../components/xyz.js”导入{MyComponent};

vs

从“../components/xyz.js”导入MyComponent;

第二种方法有效,而第一种方法导致错误。或者相反

发表评论