React,Unterminated 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内容",并且babel指向react.render行,如下所示:

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

这还是新手,所以我不确定这里出了什么问题,不胜感激任何帮助.谢谢!

Answer 1

你有2个未封闭的<div>标签render()和一个可能不属于的分号.我会摆脱那些(例如关闭它们,删除分号,<div>;如果它不属于)并再次尝试.