[error] 객체 디스트럭처링

Uncaught TypeError: is not iterable

Iterable 객체란
반복 가능한(iterable, 이터러블) 객체는 배열을 일반화한 객체입니다. 이터러블 이라는 개념을 사용하면 어떤 객체에든 for..of 반복문을 적용할 수 있습니다.

배열은 대표적인 이터러블입니다. 배열 외에도 다수의 내장 객체가 반복 가능합니다. 문자열 역시 이터러블의 예입니다.

  const [message, setMessage] = useState({
    nicknameMessage: "",
    visiblePwMessage: false,
    visiblePpwwMessage: false,
    isDisabledPasswordConfirm: true,
  });

//  오류 발생
//  const [
//    nicknameMessage,
//    visiblePwMessage,
//    visiblePpwwMessage,
//    isDisabledPasswordConfirm,
//  ] = message;

    const {
    nicknameMessage,
    visiblePwMessage,
    visiblePpwwMessage,
    isDisabledPasswordConfirm,
    } = message;