2015-10-14 19 views
20

Jspm/systemjs ve babel kullanarak temel bir tepki örneği oluşturmaya çalışıyorum. Ben basit bir sayfa göstermek için burada bu kodu bulunan veTepki, Sonlandırılmamış JSX içeriği

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')) 

Hiçbir şey gösteriyor bir hata alıyorum ve konsol "Sonlandırılmamış JSX içeriği" erroring edilir ve Babil şöyle react.render hattına işaret ediyor :

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

burada yanlış neler olduğunu emin değilim Hala bu yeni, bu yüzden, herhangi bir yardım takdir ediyorum. Teşekkürler!

+2

Bu soruyu kapatmak için oy veriyorum çünkü bu bir yazım hatası. – Mathletics

cevap

27

render() ürününüzde 2 adet kapatılmamış etiketi ve muhtemelen ait olmayan bir noktalı virgül var. Bunlardan kurtulurdum (ör. Kapatın, <div>;'da noktalı virgülü silin) ​​ve tekrar deneyin.

+2

da 'class' olmalıdır 'className' –

+1

ayrıca '' oluşturucu-conteiner'' [sic] yanlış yazılmış. – kmiklas