체크박스가 중복되는 현상

LEE JI YOUNG·2022년 3월 5일
0

에러핸들링

목록 보기
14/24
  • 에러 코드 : onClick을 label에게 주면 클릭시 두번의 클릭이 된다. label -> input
    일반적인 체크박스라면 괜찮을 수 있어도 , 요청이 가는경우 2번이 가게 되어 오류가 날수 있다!
 <div className="Check_wrapper" >
          <input type="checkbox" id="ownPost" />
          <label htmlFor="ownPost"  onClick={handleChangeCheckBox} > 
            내가 쓴 글만 보기
          </label>
        </div>
  • 맞는 코드 : onClick은 input에게 주기!!
 <div className="Check_wrapper" >
          <input type="checkbox" id="ownPost"  onClick={handleChangeCheckBox} />
          <label htmlFor="ownPost">
            내가 쓴 글만 보기
          </label>
        </div>
profile
프론트엔드 개발자

0개의 댓글