[React]객체를 펼쳐서 전달하는 스프레드 연산자

길현민·2022년 7월 25일
0

React

목록 보기
13/28



(인프런:한입 크기로 잘라 먹는 리액트 React.js기초 => Props => 4:05 캡쳐)
[ES6] Spread Operator(스프레드 연산자)

const slime = {
name: '슬라임'
};

const cuteSlime = {
...slime,
attribute: 'cute'
};

const purpleCuteSlime = {
...cuteSlime,
color: 'purple'
};

console.log(slime); {name: '슬라임'}
console.log(cuteSlime);{name: '슬라임', attribute: 'cute'}
console.log(purpleCuteSlime);{name: '슬라임', attribute: 'cute', color: 'purple'}

const animals = ['개', '고양이', '참새'];
const anotherAnimals = [...animals, '비둘기'];
console.log(animals); ['개', '고양이', '참새']
console.log(anotherAnimals); ['개', '고양이', '참새', '비둘기']

🐔참고문헌

·React공식 web 사이트

https://ko.reactjs.org/

·tistory

**https://paperblock.tistory.com/62

·벨로퍼트와 함께하는 모던 자바스크립트

https://learnjs.vlpt.us/useful/07-spread-and-rest.html

profile
맛집탐방러

0개의 댓글