뒤로가기 감지 질문드립니다.

[박]

안녕하세요 코딩애플님, 간단한 게시판을 만드는중에 기능구현이 잘 되지 않아 질문드립니다.

홈에서 링크를 타고 게시물의 Detail 페이지로 갔다가
다시 뒤로가기로 홈으로 돌아온 경우
홈에서 fetch 를 하지 않고 session stroage 에 저장된 데이터를 보여주고 싶은데요,

React router dom 의 기능 중
const navigationType = useNavigationType();
if (navigationType === "POP") { } 을 써보니 뒤로가기와 새로고침 모두 감지하여
홈에서 새로고침시 데이터를 fetch 해오지 못하는 문제점이 있었습니다.

리액트에서 뒤로가기만 감지해서 session storage 이용하고
새로고침시에는 fetch 를 하는 방법이 있을지 조언 부탁드립니다.

[codingapple]

window.addEventListener("beforeunload", 이런거 쓰면 새로고침 감지할 수 있을걸요

[박]

친절한 답변 감사드립니다.

제가 잘못 이해한것일 수 있는데 설명해주신
window.addEventListener("beforeunload",  방법은 새로고침 전의 이벤트를 감지하는것 아닌지요

원래 페이지로 왔을때 뒤로가기로 접근한 것만 감지하는 방법은 없을까요

[codingapple]

location.pathname 같은거 state에 저장해두고 
useEffect안에서 기존값이랑 현재값 비교하는 식으로 코드짜면 될수도요

[글쓴이]

글