web-dev-qa-db-fra.com

Réagir, contenu JSX non terminé

J'essaie de mettre en place un exemple de réaction de base - en utilisant jspm/systemjs et babel. J'ai ce code ici pour montrer une page simple et je reçois une erreur 

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

Rien ne s'affiche et la console affiche une erreur "Contenu JSX non terminé", et babel pointe la ligne react.render comme suit: 

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

Encore nouveau dans ce domaine, je ne suis donc pas sûr de ce qui ne va pas ici, j'apprécierais toute aide. Merci!

javascriptreactjsbabeljsreact-jsx
24
ajmajmajma

Vous avez 2 balises <div> non fermées dans votre render() et un point-virgule qui n'appartient probablement pas. Je me débarrasserais de ceux-ci (par exemple, fermez-les, supprimez le point-virgule dans <div>; s'il n'appartient pas) et essayez à nouveau.

35
JMM

Donne/dans l'élément div de fermeture et supprime le point-virgule (;) après l'élément div.

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'))
0
KARTHIKEYAN.A