function CheckBox({ children, checked, ...rest }) {
return (
<div>
<label>
<input type="checkbox" checked={checked} {...rest} />
<div>{checked ? '체크됨' : '체크 안됨'}</div>
</label>
<span>{children}</span>
</div>
);
}
TypeScript
복사
let [ , second ] = colors;
let [ , , third ] = colors;
console.log(second);
console.log(third);
let [ first ] = ['red', 'white', 'orange'];
console.log( first );
TypeScript
복사
우측에서 좌측 방향으로 펼쳐서 할당하는데 오른쪽에 있는 것들을 그대로 매칭해서 하나하나 할당하는 것이 destructuring assignment입니다.
const { name, age, gender } = sora;
TypeScript
복사
property shorthand : 할당할 변수명은 생략 가능하다.
출처:
[Web Club]
