관리 메뉴

Life goes slowly...

[React] Invalid DOM property `for`. Did you mean `htmlFor`에러 본문

프로그래밍/React.js

[React] Invalid DOM property `for`. Did you mean `htmlFor`에러

빨강소 2022. 5. 12. 15:43
728x90
반응형

Invalid DOM property `for`. Did you mean `htmlFor` Error 발생

Warning: Invalid DOM property `for`. Did you mean `htmlFor`.

 

React에서 흔히 볼 수 있는 에러입니다. React의 JSX는 자바스크립트의 구조로 만들어져 있습니다. <label> 태그에서 for는 반복문을 인식하기에 발생되는 에러입니다. 따라서 JSX문법에 맞게 수정을 해야 합니다. JSX문법에 맞는 코드는 htmlFor입니다.

 

//잘못된 코드

<label for="">
    React Jsx 문법
</label >


//수정된 코드
<label htmlFor="">
    React Jsx 문법
</label >

 

 

 

 

 

728x90
반응형
Comments