我得到这个错误:
未捕获错误:不变冲突:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象。
这是我的代码:
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;
第二种方法有效,而第一种方法导致错误。或者相反