[Memo] React 비구조화 할당 (destructuring assignment)

비구조화 할당 Destructuring Assignment

destructure는 structure의 반댓말로 구조를 해체한다는 사전적 의미가 있다. destructuring assingment는 자바스크립트에서 우리말로 비구조화 할당 이라고 부른다.

const obj = {
    name : 'ssimple key',
    age : '400',
    gender : 'male'
}

// --------이 부분이 비구조화 할당! 
const { name, age } = this.obj; 
// --------render와 return 사이에서 선언해주면 된다.


console.log(age) // 400
console.log(name) // 'ssimple key'
//React에서 비구조화 할당은 render와 return 사이에서 선언한다. 

비구조화 할당은 객체를 분해할때 많이 사용된다.. 고 한다.

아직 리액트와 낯가리는 중이라 비구조화 할당을 언제 어떻게 사용해야 할지 감이 잘 안오지만 중요한 것 같으니 메모를 남김!