[TIL] 2022년 3월 24일

  const [checkedInputs, setCheckedInputs] = useState<any>([]);

  console.log(checkedInputs);

  const changeHandler = (checked: boolean | any[], id: string | string[]) => {
    if (checked) {
      setCheckedInputs([...checkedInputs, id]);
    } else {
      // 체크 해제
      setCheckedInputs(checkedInputs.filter((el) => el !== id));
    }
  };
  
  ....
  
   <div className={styles.olleh_avenue}>
              <label>
                <input
                  id="올레길"
                  type="checkbox"
                  onChange={(e) => {
                    changeHandler(e.currentTarget.checked, "올레길");
                  }}
                  checked={checkedInputs.includes("올레길")}
                />
                올레길
              </label>
            </div>

체크박스 여러개 한번에 관리하기

값넣어서 리덕스로 한번에 모으기까지

이건 어쩌다 보니 혼자하게 된거라 

저녁에 시간남을때마다 조금씩 하다 보니까 

진도가 느리다 느려