Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- 7기
- 라우팅
- updater
- CI/CD
- 미리보기
- imagePreview
- qwe
- FileReader
- 후기
- route
- Preview
- 개발
- useEffect
- Redux
- setstate
- 스파르타코딩클럽
- previousState
- Github Actions
- 접근 제한 라우팅
- react
- 비동기
- 동기
- 항해99
- rendering
- socket.io
- 채팅방
- S3
- 브라우저 렌더링
- routing
- 배포
Archives
- Today
- Total
삐옹
[Error #3]버킷리스트 추가하기 버튼을 눌러도 빈 태그만 반환 될 때 본문
증상
잘 작동하던 추가하기 버튼이, 버킷리스트의 이행여부를 체크할 수 있도록 Redux의 initialState에 completed 키값을 추가해준 뒤부터 버튼을 누르면빈 태그만 반환하기 시작
해결방법
click이벤트 발생한 태그 확인
click이벤트 함수
: useRef로 접근한 value값이 문제일까 싶어 콘솔을 찍어보았더니 current객체에 value가 잘 받아와진다.
bucket.js(Redux파일) 내 createBucket 함수
: value값도 잘 넘어오고 action객체를 생성하는 코드에도 이상은 없다.
여기까지 문제가 없었다는건 분명 reducer에서 문제가 난거라고 확신했다.
reducer 안에서 type이 create인 객체 [X]
action 타입이 "bucket/CREATE"가 되었을 때 실행해 줄 함수 안에 new_bucket_list 변수를 콘솔로 찍어보니
왠 괴상망측한걸 보여준다.
새로 넣어주는 값(action.bucket)이 리스트 객체에 제대로 전달이 되지 않은 것이 화근이었다.
리스트 객체 내에 적절한 형태로 새로운 값을 넣어주니 리스트가 제대로 추가된 것을 확인했다.
한줄 요약
: 초깃값의 형태가 변경되었으니 초깃값을 쓰는 코드들을 전부 변경해주어야한다.
'오늘의 오류' 카테고리의 다른 글
useState에 의해 갱신 객체가 제대로 합쳐지지 않는 오류 (0) | 2022.07.20 |
---|---|
useEffect + setState 무한 요청 제발 그만 (0) | 2022.07.18 |
네아(네이버아이디)로 로그인하는 과정 한눈에 보자 (0) | 2022.07.04 |
[Error #2] 일주일 평점 남기기 undefined를 곁들인 (0) | 2022.05.25 |
[Error #1]'React Hook useEffect has missing dependencies' 에러 (0) | 2022.05.24 |