反应，未终止的JSX内容

Question

我想设置一个基本的反应示例 - 使用jspm/systemjs和babel。我有这样的代码在这里展示一个简单的页面，我得到一个错误

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内容”，而巴贝尔指向像这样的react.render线：

17 | React.render(<MainComponent />, document.getElementById('app')) 
    |        ^

这个还是新的，所以我不确定这里出了什么问题，希望有任何帮助。谢谢！

Answer 1

您在您的render()中有2个未关闭的<div>标签和一个可能不属于的分号。我会摆脱这些（例如关闭它们，如果它不属于<div>;，请删除分号）并重试。