[React] 데이터가 array, object 인 경우 복제, 일부 수정하기(state 변경함수)

 

 자료가 array/object 인 경우 state 변경함수 쓸때 주의점

 

useState에 보관된 값이 array이고 array 안의 일부 값만 수정하고 싶다면?

원본은 수정하지말고 보존하고 원본 카피본 만들어서 수정 

 

▪ 카피본 만들때는 array를 [...array] 로 변수에 저장해야됨 (*spread 연산자)

 

 

▪ 카피본 만들고 원하는 부분 수정해서 변경함수에 적용

let copy = [...글제목]
 
copy[0]='여자코트 추천'
글제목변경(copy);

 

 

 

 

Q.왜 [...]이렇게 카피본 만들어야 됨?

[array/object 특징]

기존 state가 array나 object 데이터이면?

변수인 어레이에 [1,2,3]이 들어가는게 아니라

[1,2,3]은 미지의 장소에 저장되어있고

어레이에는 미지의 장소로 가는 화살표? 만 저장되어있는 것

그래서 카피본 만들때 그 어레이에 들어가서 데이터를 가져와야하므로 [...] 요렇게 담는 것

(미지의 장소에서 데이터 꺼내는 느낌)

독립적인 카피본 만들어서 [...array] 저장해서 꺼내면됨

 

😎그냥 array/object 원본카피본 저장할때 [...]요렇게 저장하는 거라고 외워버리기~