2015-10-14 14 views
20

jspm/systemjsとbabelを使用して、基本的な反応の例を設定しようとしています。私は単純なページを表示するには、ここで、このコードを持っているとReact、Unterminated JSX contents

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の内容を」erroringされ、そしてバベルはそうのようなreact.renderラインを指しているエラーを取得しています:

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

ここでもまだまだ新しいので、ここで間違っていると思いますが、何か助けていただければ幸いです。ありがとう!

+2

私はこの質問を打ち捨てにしているので、この質問を閉じることにしました。 – Mathletics

答えて

27

render()に2つの未開封の<div>タグがあり、セミコロンがおそらく含まれていません。私はそれらを取り除くだろう(例えば、それを閉じ、属していなければ<div>;のセミコロンを削除して)、もう一度やり直す。

+2

また 'class'は' className'でなければなりません –

+1

'' builder-conteiner'' [sic]のスペルは間違っています。 – kmiklas