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

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

class'에 className을 사용해야 한다는 것은 알고 있습니다만, 어떻게 하면 'for' 속성을 유지할 수 있습니까?

다음 항목:

<label for="recipient-name" className="control-label">Recipient:</label>

는 다음과 같이 표시됩니다.

<label class="control-label">Recipient:</label>

리액트 사용 시 Chrome의 콘솔을 사용하여 속성을 변경할 수 없는 것이 귀찮습니다만, 방법이 없을까요?예를 들어 렌더링된 요소를 검사하고 수동으로 'for' 속성을 추가하면 해당 컨트롤에서 벗어나면 사라집니다(반작용으로 추측하는 컨트롤이 다시 설정되기 때문에).

를 사용해야 합니다.htmlFor대신 속성을 부여하다

<label htmlFor="recipient-name" className="control-label">Recipient:</label>

forjavascript 키워드이기 때문에 JSX에서는 사용할 수 없습니다.를 사용해야 합니다.htmlFor로 번역됩니다.forAtribute가 DOM에 렌더링되면 Atribute가 생성됩니다.

언급URL : https://stackoverflow.com/questions/29161330/react-js-ignores-labels-for-attribute