기존 state 와 props 정렬하는것처럼 copy 만들고 state에 새로운 값을 넣어주는 방식이 안먹히는 듯 하여 질문을 드립니다.
리덕스 5번째 수업에서 응용문제 상품 삭제하기, 중복시 count만 올리기는 쉽게 해결했습니다.
바로바로 페이지 반영 되는것도 확인했구요.
특히, 삭제하기 방식에서는 copy본 만들지 않고
이렇게 splice함수로 그냥 state 원본을 건드니 바로 삭제되는게 화면에서 확인 가능했습니다.
문제의 가나다순 정렬 함수입니다.
Cart.js 에서 클릭시 정렬된 값을 store.js 파일로 전송했습니다.
store.js 코드를 보면 아래와 같습니다.
이렇게 콘솔 찍어보면 정렬된 값은 나오지만, 화면에는 변동이 없습니다.
저 나름대로 state를 아예 비워보고 해보거나, 복사본을 만들어서 state에 덮어쓰기를 한다든가 해봤는데 같은 결과만 보입니다.
정렬된 값을 store에 받아왔지만, 바뀐값인 새로운 state로 화면을 갱신하려면 어디를 만져야 하는지 도무지 감이 잡히지 않습니다.
1. store에서는 state&props의 기존방식처럼 복사본을 안해도 되는지.
2. state 값을 바꾸었는데 화면 렌더링이 왜 일어나지 않는건지.
궁금합니다.