React의 대상 배열 오류로 인해immutability를 복습합니다

데이터의 변경 방법은 적어도 두 가지로 나뉜다

데이터 형식으로서mutable / immutable

추천 조작의immutable 처리

객체 정렬 작업 시 고려 사항

array = [{name: "a", value: 1}, {name: "b", value: 2}]

//元のarrayまで変更されてしまうやり方
//arrayをコピーしているけど、参照は同じなのでarrayの要素も変更を受ける
newArray = [...array]
newArray[0].value = changedValue

//元のarrayの変更は回避するやり方①
//arrayをディープコピーした配列が生成され、
//それがcopiedArrayとして第２引数の関数で処理された結果が返ってくる
newArray = produce(array, (copiedArray) => {
	copiedArray[0].value = changedValue
})

//元のarrayの変更は回避するやり方②
//arrayやその0番目の要素を展開してコピーしつつ、変更をする
newArray = [...array]
newArray[0] = {
	...newArray[0]
	value = changedValue
}