Javascript 비구조화 할당을 react에서 사용하기

let obj = {
    name:`길똥`,
    age:100,
}
// let name = obj.name
// let age = obj.age

const { name, age }  = obj //obj에 있는 필드명과 동일한 놈은 담아진다 전역변수이름으로 사용할수있다. 순서 상관없다

console.log(name,age);      //몇개만 뽑아와서 쓸수이따

function func1(obj){
    const {name,age} = obj
    console.log(`hihi`,name, age);
}
func1(obj)

const ar = [10,20,30,40]

const [t1,t2,t3] = ar
console.log(t1,t2,t3);

저번 자바스크립트 잡문법에서 이렇게 했던 기록이 있었다.

const dr = [20,30,40]		//배열을 썼으면
const [x,y,z] = dr			//배열로 받아

console.log(x+y+z);				//비구조화할당


const obj4 = {
    a:10,
    b:20,
    c:30,
}

const { a,c } = obj4

소오름

이걸 이렇게?

암튼

class App extends Component {
  state = {
     arr : ['멍멍','어흥','냥냥','깎깍'],
     brr : ['강아지','호랑이','고양이','까마귀']
  }

  render() {
    //const ar = this.state.arr//이렇게 받아내서 쓰면 되지만 안쓴다
    const {arr, brr} = this.state //이름이 같은 애들만 받아내겟다

...// 이제 이 아래 부터는 brr이라는 이름으로 사용해도 state의 것을 받아낼수있다.

이렇게 쓰면 된다.