React 체크박스 전체 선택/해제 기능 구현하기

React 체크박스 전체 선택/해제 기능 구현하기



import React, { useState } from 'react';

const CheckboxExample = () => {
  // Declare state to hold checkbox value
  const [checked, setChecked] = useState(false);

  // Function to handle checkbox change
  const handleChange = () => {
    setChecked(!checked);
  };

  return (
    <div>
      <label>
        <input
          type="checkbox"
          checked={checked}
          onChange={handleChange}
        />
        I agree to the terms and conditions
      </label>
      <div>
        {checked ? 'Checked' : 'Not Checked'}
      </div>
    </div>
  );
};

export default CheckboxExample;