[React] Warning: Invalid DOM property `for`. Did you mean `htmlFor`? 오류 해결

 

 1. 오류 코드 

 

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

 

 

 

 2. 원인 

 

JSX는 javaScrit이기 때문에 for은 반복의 의미를 가지고 있어서 HTML 상에서는 htmlFor을 써줘야 한다.

 

 3. 해결방법 

 

for대신 htmlFor을 써야한다.

 

  <label className={styles["signup-email"]} htmlFor="signup-email">