QnAi로깅

React에서 HTML 요소의 속성 이름과 JavaScript 객체의 프로퍼티 이름은 서로 다르기 때문에, React에서 HTML 요소의 속성 이름과 충돌이 일어날 수 있습니다.

위의 경고 메시지는 for라는 속성이 있어서 React에서 해당 속성을 사용하려고 할 때 발생합니다. 그러나 React는 for 속성 대신 htmlFor이라는 속성을 사용합니다. 따라서 for 속성 대신 htmlFor 속성을 사용해야 합니다.

예를 들어, 다음과 같은 코드에서 for 속성을 htmlFor로 변경하면 경고 메시지가 사라집니다.

jsxCopy code
<label htmlFor="input">Input:</label>
<input type="text" id="input" />

위 코드에서 label 요소의 for 속성을 htmlFor로 변경하여 사용합니다.