React에서 checkbox 관리하기

1. state을 선언한다.

const [accessAllCheckBox, setaccessAllCheckBox] = useState(false)

 

2. input의 checked 속성에 state을 부여한다.

<input checked={accessAllCheckBox}/>

 

3. input에 onClick or onChange 이벤트로 체크 이벤트를 실행한다.

onClick={agreeCheckedHandle1}

 

const agreeCheckedHandle1=()=>{

        setaccessCheckBox1(!accessCheckBox1)

    }