입력 Reactjs에 해당하는 JSX 닫기 태그가 필요합니다.

입력 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>
        );
    }
});

입력 요소를 닫아야 합니다./>마지막에.

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

html 태그를 닫지 않을 때 발생합니다.

모든 html 태그가 닫혀 있는지 확인합니다.

저 같은 경우에는<br>태그. 태그가 있어야 합니다.<br />.

누락된 html 태그가 발견될 때까지 코드를 일시적으로 삭제해 보십시오.

이 오류는 컴포넌트 순서를 잘못 지정한 경우에도 발생합니다.

예: 이 오류:

 <ComponentA> 
    <ComponentB> 

    </ComponentA> 
 </ComponentB> 

올바른 방법:

  <ComponentA> 
    <ComponentB>

    </ComponentB>  
  </ComponentA> 

모든 태그에는 둘러싸인 태그가 있어야 합니다.제 경우 HR과 입력 요소가 제대로 닫히지 않았습니다.

상위 오류: 아래 코드로 인해 JSX 요소 'div'에 해당하는 닫힘 태그가 없습니다.

<hr class="my-4">
<input
  type="password"
  id="inputPassword"
  class="form-control"
  placeholder="Password"
  required
 >

수정:

<hr class="my-4"/>
<input
 type="password"
 id="inputPassword"
 class="form-control"
 placeholder="Password"
 required
/>

부모 요소에는 자식 요소 오류로 인한 오류가 표시됩니다.따라서 대부분의 내부 요소에서 부모 요소까지 조사를 시작합니다.

입력 요소를 닫아야 합니다./>마지막에.리액트에서는 모든 요소를 닫아야 합니다코드는 다음과 같습니다.

<input id="whatever-id" type="text" class="validate" />

이러한 태그가 표시되지 않도록 하려면 , 등 모든 태그를 닫아야 합니다.

이 답변들은 모두 유효하지만 저는 오늘 태그가 잘 닫혀있는 상태에서 여러 번 그 문제를 겪었습니다.만약 당신에게 그런 일이 생기면, 그냥 중단하고 도망가세요.npm start다시.

언급URL : https://stackoverflow.com/questions/30852751/expected-corresponding-jsx-closing-tag-for-input-reactjs