[리액트]'버킷리스트' useHistory_goBack() 에러

등록되어있는 버킷리스트중 하나를 선택하면 디테일 페이지로 넘어감. 디테일페이지에서 [삭제]버튼을 누르면 해당버킷리스트가 지워지고 '내 버킷리스트'페이지로 돌아가는 알고리즘.

'영화관 가기' 클릭

그리고 [삭제]버튼을 누르면 내 버킷리스트로 이동

문제는 마지막 버킷리스트(여기서는 코딩하기)를 누르면 문제가 생김.

[삭제]를 누르면 다음과 같은 에러가 콘솔에 나옴.

아무페이지가 출력되지않으며, Cannot read properties... 에러가 나옴. 일단 소스코드는 다음과 같음.

해당 버킷리스트의 인덱스값을 파라미터로 리덕스에 넘겨주고있음.

그리고 리듀서에서 array.filter 를통해서 새로운 배열을 만들어서 리턴시키고 있음. 아무리봐도 문제될게 없어보였음. 그리고 에러문구를 읽어보면 .text 를 읽을 수 없다고하는데 어차피 useHistory를 이용해서 goBack을 시키고있는데 왜 다시 .text를 읽으려고하는지 이해가 안갔음. 혹시나해서 디테일 컴포넌트에 console.log를 작성하고 삭제 후 다시 이게 실행되는지 테스트해봄.

코딩하기 눌러보겠음.

당연히 일단 콘솔에 console.log 가 출력되고있음. 그리고 삭제를 누르면,

역시 출력되고있음. 뭔가 바로 내 버킷리스트 페이지로 가는게 아니라, 디테일페이지를 한 번 거쳐서 가는거같음. 

해결한 방법은 goBack 말고 push를 사용해보았음.

다시 삭제해보겠음.

에러없이 무사히 내 버킷리스트 페이지로 라우팅됨. 잘은 아직모르겠지만 goBack보다는 그냥 push를 쓰는게 일단 마음편할거같음.