Invalid DOM property `for`

위와같은 에러가 발생한 이유는 jsx 문법에서 for는 반복문을 의미하기 때문에, 에러문에서 알려주는 것처럼 label 태그 안의 for를 htmlFor로 변경해주면 된다.

 <label htmlFor="receiver">
            받는사람
            <label htmlFor="tome" className="checkbox-tome">
              <input name="tome" type="checkbox" />
              내게쓰기
            </label>
            <input
              type="email"
              name="receiver"
              placeholder="수신이메일을 작성해주세요"
              className="Mailinfo-input"
              value={emailInfo.receiver}
              onChange={handleChange}
            />
</label>

좋은 웹페이지 즐겨찾기