[React] Uncaught TypeError: Invalid attempt to destructure non-iterable instance.

console 창

 

 

const handleChange = e => {
	const [ value ] = e.target;     // error!!  객체를 배열로 구조분해할당 시도함!!
    setText(value);
}





// 수정




const handleChange = e => {
	const { value } = e.target;     // [] 를 {}로 바꿔줌
    setText(value);
}

 

 

 

 

 

 

 e.target은 객체이지만 배열의 형태로 구조분해할당 시도했기 때문에 에러가 생겼다. []를 {}로 바꿔주어 해결하였다.

 

 

 

 

 

stackoverflow.com/questions/42141393/react-js-error-invalid-attempt-to-destructure-non-iterable-instance

React JS Error: Invalid attempt to destructure non-iterable instance