spread연산자 질문있습니다

Question

해당 구문에서 spread연산자는 붙여주는 역할을 하는 것으로 알고 있는데 ...state,user : { ...state.name , name : action.name } 이러면 user객체안에 action.name을 추가되어 mike와 수정된 데이터가 새로이 추가되는것이 아닌가요 ? 여기서는 수정?의 개념으로 기존 data인 mike가 없어지고  수정된 이름으로 변환되는것같아서요 !! 만약 기존의 mike는 냅두고 버튼을 클릭했을 때 user에 action.name을 추가하고 싶은 경우라면 어떤 방식으로 작성해야하나요 ?

landvibe · Answer

안녕하세요 `...state.name` 은 `...state.user` 으로 표현하는 게 적절한 것 같네요 spread 연산자는 새로운 객체를 만들 때 기존 객체의 모든 속성을 풀어놓을 때 사용합니다 일종의 편의 기능이지요 아래 코드에서 1번은 2번과 같습니다 ``` const user = {name:'abc', age:12}; const user2 = {...user}; // 1 const user3 = {name: user.name, age: user.age}; // 2 ``` 아래 코드에서 1번은 2번과 같습니다 ``` const user = {name:'abc', age:12}; const user2 = {...user, age: 23}; // 1 const user3 = {name: user.name, age: user.age, age: 23}; // 2 ``` 마지막에 작성한 속성으로 덮어쓰므로 user2, user3 의 age 는 모두 23입니다