copy = title 이용해서 어레이 원본을 지키려했는데...

[bolo]

copy = title
copy.sort()
titleChange(copy)
이런식으로 작성했습니다

글수정, 정렬을 누르다보면 저런식으로 원본 어레이인 title을 계속 건드려서 꼬입니다!

그래서 shallow copy, deep copy를 검색해보고 lodash를 이용해서 let copy = cloneDeep(title)를 해봤는데도 계속 원본 자료를 바꿔버리는데
어떻게 해야할까요??

[codingapple]

let copy = [...title] 합시다

[bolo]

아 말씀하신대로 작성했었네요 
같은 문제 발생하고 있습니다~

[bolo]

[codingapple]

수정누르고 정렬누르면 이상해진다는것입니까 
수정버튼누르면 현재 글제목 array의 0번째 항목을 수정해달라고 코드짜놨을 뿐이라 그럴 뿐입니다 

[bolo]

titleCopy = [...title]
titleCopy[0] = '여자코트 추천'
titleCopy

console.log(titleCopy) // ['여자코트 추천', '강남맛집 추천', '파이썬 독학']
console.log(title) // ['여자코트 추천', '강남맛집 추천', '파이썬 독학']

이렇게 되는데
새로운 화살표를만들어서 useState를 변경하는건 이해했는데, 그거 말고
title원본 어레이를 지키려고 titleCopy를 만든게 아닌가용??
titleCopy라는 새로운 어레이를 만들고 titleCopy만 수정했는데
왜 원본 title어레이도 변하는지 이해가 안됩니다 ㅠ

[codingapple]

titleChange() 같은거 쓰면 state를 변경해줍니다 
원본을 남기고 싶으면 state나 변수를 하나 더 만들거나 합시다

[글쓴이]

글