Reagowanie, niezakłócona zawartość JSX

Question

Próbuję skonfigurować podstawowy przykład reakcji - za pomocą jspm/systemjs i babel. Mam ten kod, żeby pokazać prostą stronę i otrzymuję błąd

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

Nic nie jest wyświetlane, a konsola jest erroring „niezakończony zawartość JSX”, a Babel jest skierowany do linii react.render jak tak :

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

Jeszcze nowość w tej sprawie, więc nie jestem pewien, co się tutaj dzieje, doceniam każdą pomoc. Dzięki!

Answer 1

Masz 2 niezamknięte znaczniki <div> w swoim render() i średnik, który prawdopodobnie nie należy. Pozbyłbym się ich (np. Zamknij je, usuń średnik z <div>;, jeśli nie pasuje) i spróbuj ponownie.