[React] JS의 Destructuring 문법

📕 1. Array 문법

1.1. Array 문법 예시

function App() {
  let num = [1, 2];
  let a = num[0];
  let b = num[1];  
  return (
    <div>
    	<p>{ a }</p>
    	<p>{ b }</p>
    </div>
  );
}

자료형 변수 num에 객체들을 담아, 변수에 순서를 담아서 출력

1.2. Array 문법 결과

1
2

📕 2. Destructuring 문법

1.1. Destructuring 문법 예시

function App() {
  let [c, d] = [3, 4];
  return (
    <div>
    	<p>{ c }</p>
    	<p>{ d }</p>
    </div>
  );
}

1.2. Destructuring 문법 결과

3
4