我正在尝试使用jspm/systemjs和babel设置一个基本的react示例。我这里有这段代码来显示一个简单的页面,但我得到了一个错误
import React from 'react';
export default React.createClass({
displayName: 'MainComponent',
propTypes: {
item: React.PropTypes.object
},
render: function render() {
return (
<div class="builder-conteiner">
<div>;
);
}
});
React.render(<MainComponent />, document.getElementById('app'))
什么都没有显示,控制台抛出“未终止的JSX内容”,而babel指向react.render
行:
17 | React.render(<MainComponent />, document.getElementById('app'))
| ^
发布于 2015-10-14 21:53:41
您的render()
中有两个未闭合的<div>
标记和一个可能不属于您的分号。我会去掉它们(例如,关闭它们,如果分号不属于<div>;
,则删除它),然后再试一次。
发布于 2018-10-07 14:27:18
在结束div元素中使用/,并删除div元素后面的分号(;)。
import React from 'react';
export default React.createClass({
displayName: 'MainComponent',
propTypes: {
item: React.PropTypes.object
},
render: function render() {
return (
<div class="builder-conteiner">
</div>
);
}
});
React.render(<MainComponent />, document.getElementById('app'))
https://stackoverflow.com/questions/33127130
复制相似问题