728x90 300x250 SMALL 2025/01/201 React로 체크박스 상태에 따라 화면 출력하기 체크박스를 클릭하면 상태가 변경되고, 그 상태에 따라 화면에 "체크됨" 또는 "체크 안됨"을 출력하기 코드 설명1. useState로 상태 선언checked라는 상태 변수와 이를 업데이트하는 setChecked 함수 생성2. onChange 이벤트 핸들러체크박스의 체크 상태를 감지하고 상태를 업데이트3. 출력체크 상태에 따라 조건부 렌더링으로 "체크됨" 또는 "체크 안 됨" 표시 사용예시function CheckboxExample() { const [checked, setChecked] = useState(false); const handleChange = (e) => setChecked(e.target.checked); return ( 체크박스 .. 2025. 1. 20. 이전 1 다음 728x90 반응형 LIST