Console gooit niet-beheerde JSX-inhoudsopgave

Ik probeer een basisreact voorbeeld op te zetten met JSPM / Systemjs en Babel. Ik heb deze code hier om een ​​eenvoudige pagina weer te geven en krijg een foutmelding

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

Niets verschijnt, de console gooit “UnterMated JSX-inhoud” en Babel wijst naar de react.renderLINE:

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

Antwoord 1, Autoriteit 100%

U hebt 2 unclosed <div>TAGS in uw render()en een puntkomma die waarschijnlijk niet thuishoort. Ik zou hiervan kwijt zijn (b.v. Sluit ze, verwijder de puntkomma in <div>;als het niet thuishoort) en probeer het opnieuw.


Antwoord 2

Geef / in het sluiten van div-element en verwijder puntkomma (;) na div-element.

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

Other episodes