控制台抛出未终止的JSX内容错误
控制台抛出未终止的JSX内容错误
提问于 2015-10-14 21:46:47
我正在尝试使用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'))
| ^ 回答 2
Stack Overflow用户
回答已采纳
发布于 2015-10-14 21:53:41
您的render()中有两个未闭合的<div>标记和一个可能不属于您的分号。我会去掉它们(例如，关闭它们，如果分号不属于<div>;，则删除它)，然后再试一次。
Stack Overflow用户
发布于 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'))页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33127130
复制相关文章
相似问题