web-dev-qa-db-ja.com

入力Reactjsの対応するJSX終了タグが期待されます

入力フィールドのあるReactjsでコンポーネントを作成中にエラーが発生します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

最後に/>を使用して入力要素を閉じる必要があります。

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

このエラーは、コンポーネントの順序が間違っている場合にも発生します。

例：これは間違っています：

 <ComponentA> 
    <ComponentB> 

    </ComponentA> 
 </ComponentB>

正しい方法：

  <ComponentA> 
    <ComponentB>

    </ComponentB>  
  </ComponentA>
1
Deke

表示しないようにするには、などのすべてのタグを閉じる必要があります。

0
gaurav rathor

Htmlタグを閉じないと発生します。

すべてのhtmlタグが閉じていることを確認してください。

私の場合、それは<br>タグでした。 <br />である必要があります。

どのhtmlタグの終了が見つからないかがわかるまで、一時的にコードを削除してみてください。

0
Yuvraj Patil