9. 리액트 상태에서 객체 수정

출처 - 벨로퍼트

https://react.vlpt.us/basic/09-multiple-inputs.html

 

inputs[name] = value;

☝ 이런식으로 직접 수정하면 안됨

setInputs({
  ...inputs,
  [name]: value
});

☝ 새로운 객체를 만들어서 새로운 객체에 변화를 주고, 이를 상태로 사용

 

... : spread문법

• 객체의 내용을 모두 펼쳐서 기존 객체 복사

 

예시)

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

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

console.log(cuteSlime)

// 출력 결과
{
	name: '슬라임'
  attribute: 'cute'
};