[Error #3]버킷리스트 추가하기 버튼을 눌러도 빈 태그만 반환 될 때

 

 

증상

잘 작동하던 추가하기 버튼이, 버킷리스트의 이행여부를 체크할 수 있도록 Redux의 initialState에 completed 키값을 추가해준 뒤부터 버튼을 누르면빈 태그만 반환하기 시작

(좌) 변경 전 / (우) 변경 후

해결방법

click이벤트 발생한 태그 확인 

 

 

click이벤트 함수

App.js

: useRef로 접근한 value값이 문제일까 싶어 콘솔을 찍어보았더니 current객체에 value가 잘 받아와진다.

 

 

bucket.js(Redux파일) 내 createBucket 함수

: value값도 잘 넘어오고 action객체를 생성하는 코드에도 이상은 없다.

 

여기까지 문제가 없었다는건 분명 reducer에서 문제가 난거라고 확신했다.

 

reducer 안에서 type이 create인 객체 [X]

 

action 타입이 "bucket/CREATE"가 되었을 때 실행해 줄 함수 안에 new_bucket_list 변수를 콘솔로 찍어보니

왠 괴상망측한걸 보여준다.

 

????

새로 넣어주는 값(action.bucket)이 리스트 객체에 제대로 전달이 되지 않은 것이 화근이었다.

리스트 객체 내에 적절한 형태로 새로운 값을 넣어주니 리스트가 제대로 추가된 것을 확인했다.

 

---

 

한줄 요약

: 초깃값의 형태가 변경되었으니 초깃값을 쓰는 코드들을 전부 변경해주어야한다.