myeonjeobeottae / client

0 stars 0 forks source link

뒤로가기 버튼을 탐구하다가 정리한 router의 동작 방식 #6

Open ghkd1418 opened 7 months ago

ghkd1418 commented 7 months ago

ChatPage => CustomPage

router.replace에 인자로 넘겨진 url은 history에 쌓이지 않기 떄문에, /chat/custom이 마지막 history에 쌓인 기록이기 때문에 뒤로가기 버튼 클릭 시, /chat으로 이동.

initialStep이 asPath에 할당 된 이유

FunnelStep: position => stack => time

router.replace 후 useEffect의 else 로직이 돌아 리랜더링되는 순간 브라우저가 router.asPath에 initialStep을 할당함 그래서 initialStep(position)이 history에 쌓이지 않아도 stack에서 뒤로가기 버튼 눌렀을 때, position으로 이동 가능함.