Al crear un componente en Reactjs con campos de entrada, se produce un error 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> ); } });Debe cerrar el elemento de entrada con /> al final.
<input id="icon_prefix" type="text" class="validate" />Ocurre cuando no cerramos una etiqueta html.
Asegúrese de que todas las etiquetas html estén cerradas.
En mi caso fue la etiqueta <br> . Debería ser <br /> .
Intente eliminar temporalmente un fragmento de código hasta que encuentre el cierre de la etiqueta html que falta.
Este error también ocurre si tiene un orden incorrecto de sus componentes.
Ejemplo: esto está mal:
<ComponentA> <ComponentB> </ComponentA> </ComponentB>manera correcta:
<ComponentA> <ComponentB> </ComponentB> </ComponentA>