反應，未終止的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>;，請刪除分號）並重試。