Reagieren, nicht abgeschlossene JSX-Inhalte

Question

Ich versuche, ein grundlegendes Reaktionsbeispiel zu erstellen - mit jspm/systemjs und babel. Ich habe diese hier Code eine einfache Seite zu zeigen, und ich erhalte eine Fehlermeldung

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

Es wird nichts angezeigt, und die Konsole erroring „Unterminated JSX Inhalt“ und babel zeigt auf die react.render Linie wie so :

Noch neu zu diesem, so bin ich mir nicht sicher, was hier falsch läuft, wäre jede Hilfe zu schätzen wissen. Vielen Dank!

Answer 1

Sie haben 2 nicht geschlossene <div> Tags in Ihrem render() und ein Semikolon, das wahrscheinlich nicht gehört. Ich würde diese loswerden (z. B. sie schließen, das Semikolon in <div>; löschen, wenn es nicht dazugehört) und es erneut versuchen.