Destructuring Assignment?

Destructuring Assignment is a JavaScript expression that allows to unpack values from arrays, or properties from objects, into distinct variables data can be extracted from arrays, objects, nested objects and assigning to variables.

ES6에 새로 추가된 Destructuring Assignment(구조 분해 할당)이란 말그대로 배열이나 객체의 구조를 분해하여 그값을 개별적인 변수에 담을 수 있게하는 JS 표현식이다.
이를 이용하면 가독성 좋은 코드를 작성할 수 있다.

위쪽은 일반적인 방식의 선언과 할당, 아래는 비구조화할당을 이용.
코드가 간결해진다.

리액트에서 state 와 setState를 할당 해줄 때 자주사용되며 이해하기가 쉽다.
리액트props 에서도 객체 {} 중괄호를 이용해 구조분해할당을 사용할 수 있다.