React는 라벨 요소의 'for' 속성을 무시합니다.

React는 라벨 요소의 'for' 속성을 무시합니다.

리액트(Facebook 프레임워크)에서 표준을 사용하여 텍스트 입력에 바인딩된 레이블 요소를 렌더링해야 합니다.for기여하다.

예를 들어 다음과 같은 JSX가 사용됩니다.

<label for="test">Test</label>
<input type="text" id="test" />

단, 이로 인해 HTML이 필수(및 표준)를 충족하지 못하게 됩니다.for속성:

<label>Test</label>
<input type="text" id="test">

내가 뭘 잘못하고 있지?

그forAtribute가 호출됩니다.htmlForDOM 속성 API와의 정합성을 확보합니다.React 개발 빌드를 사용하는 경우 콘솔에 이 경고가 표시되어야 합니다.

네, 리액션을 위해서

for된다htmlFor

class된다className

기타.

HTML 어트리뷰트의 변경 방법에 대한 자세한 것은, 다음의 URL 를 참조해 주세요.

https://facebook.github.io/react/docs/dom-elements.html

React의 경우 정의별 키워드를 사용하여 html 속성을 정의해야 합니다.

class->className

사용되고 있습니다.

for->htmlFor

를 사용합니다.리액션은 대소문자를 구분하기 때문에 필요에 따라 소문자와 대소문자를 따라야 합니다.

둘다요.for그리고.classJavaScript에서 예약된 단어입니다. 이것이 JSX에서 HTML 속성에 관해 다른 것을 사용해야 하는 이유입니다. React 팀은 사용하기로 결정했습니다.htmlFor그리고.className각각 다음과 같다.

리액트만 사용htmlFor교체하다for!

부터for는 JavaScript에서 예약된 키워드입니다.React 요소는 를 사용합니다.htmlFor대신.

참조

자세한 내용은 아래 링크를 참조하십시오.

https://facebook.github.io/react/docs/dom-elements.html#htmlfor

https://github.com/facebook/react/issues/8483

https://github.com/facebook/react/issues/1819

이는 JSX에서는 htmlFor이고 JSX에서는 className입니다.

언급URL : https://stackoverflow.com/questions/22752116/react-ignores-for-attribute-of-the-label-element