2015-10-14 9 views
20

मैं एक मूल प्रतिक्रिया उदाहरण स्थापित करने की कोशिश कर रहा हूं - 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 सामग्री" erroring है, और कोलाहल तो जैसे react.render लाइन की ओर इशारा करते है :

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

अभी भी इसके लिए नया है, इसलिए मुझे यकीन है कि यहां क्या गलत हो रहा है, किसी भी मदद की सराहना करेगा। धन्यवाद!

+2

मैं इस प्रश्न को बंद करने के लिए मतदान कर रहा हूं क्योंकि यह एक टाइपो है। – Mathletics

उत्तर

27

आपके पास render() में 2 अनजान <div> टैग हैं और एक अर्धविराम जो शायद संबंधित नहीं है। मैं उनसे छुटकारा पाउंगा (उदा। उन्हें बंद करें, <div>; में अर्धविराम हटाएं यदि यह संबंधित नहीं है) और इसे फिर से प्रयास करें।

+2

भी 'कक्षा' होना चाहिए 'className' –

+1

भी' बिल्डर-conteiner'' [sic] गलत वर्तनी है। – kmiklas

संबंधित मुद्दे