React checkbox가 한 번의 클릭으로 전환되지 않음

2175 단어 React

<input type="checkbox"> 에서 체크 박스를 작성했을 때, 왠지 더블 클릭하지 않으면 표시가 바뀌지 않았습니다.

→

input 탭내의 onChange 함수에 event.preventDefault() 를 기술하고 있었던 것이 원인이었습니다.

한 번의 클릭으로 전환하지 않음

→

const test = event => {
  event.preventDefault()
  console.log("you clicked!")
}

return(
    <input type="checkbox" onChange={test}>
)

한 번의 클릭으로 전환

→

const test = event => {
  console.log("you clicked!")
}

return (
    <input type="checkbox" onChange={test}>
)

근본적인 원인은 event.preventDefault() 를 이해하지 않고 사용하고 있었던 것입니다.
preventDefault()의 적당한 사용 주위는 피합시다(자계).

참고:

이 문제에 관하여(React checkbox가 한 번의 클릭으로 전환되지 않음), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/From_Nara/items/62236fca4e7daf317b9c

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다