javascriptreactjs-fluxreactjs

Expected corresponding JSX closing tag for input Reactjs


While creating a component in Reactjs with input fields error occurs 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>
        );
    }
});

Solution

  • You need to close the input element with a /> at the end.

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