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.render
LINE:
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'))