web-dev-qa-db-fra.com

Balise de fermeture JSX correspondante attendue pour l’entrée Reactjs

Lors de la création d'un composant dans Reactjs avec une erreur de zone de saisie, une erreur s'est produite Error: Parse Error: Line 47: Expected corresponding JSX closing tag for input at http://localhost/chat-react/src/script.js:47:20 </div>

var Main = React.createClass({
    render: function() {
        return (
            <div className="card-action">
                <i class="mdi-action-account-circle prefix"></i>
                <input id="icon_prefix" type="text" class="validate">
            </div>
        );
    }
});
javascriptreactjsreactjs-fluxreact-jsx
44
Sajin M Aboobakkar

Vous devez fermer l’élément d’entrée avec un /> à la fin.

<input id="icon_prefix" type="text" class="validate" />
80
Crob

Cette erreur se produit également si vous avez mal programmé l'ordre de vos composants.

Exemple: ceci est faux:

 <ComponentA> 
    <ComponentB> 

    </ComponentA> 
 </ComponentB>

manière correcte:

  <ComponentA> 
    <ComponentB>

    </ComponentB>  
  </ComponentA>
1
Deke

Vous devez fermer toutes les balises comme, etc. pour que cela ne s'affiche pas.

0
gaurav rathor

Cela se produit lorsque nous ne fermons pas une balise HTML.

Assurez-vous que tous les tags HTML sont fermés.

Dans mon cas c'était le <br> tag. CA devrait etre <br />.

Essayez de supprimer temporairement un morceau de code jusqu'à ce que vous trouviez la fermeture de balise HTML manquante.

0
Yuvraj Patil