jeonghwan-kim / jeonghwan-kim.github.com

김정환 블로그 코드 저장소 입니다.
https://jeonghwan-kim.github.io/
BSD Zero Clause License
41 stars 9 forks source link

dev/2022/05/06/react-router #297

Closed utterances-bot closed 11 months ago

utterances-bot commented 2 years ago

리액트 라우터 만들기 | 김정환 블로그

https://jeonghwan-kim.github.io/dev/2022/05/06/react-router.html

sxungchxn commented 2 years ago

좋은 포스트 감사합니다! 덕분에 리액트 라우터 원리를 이해하는데 큰 도움이 되었습니다. 다만 한가지 궁금한 점이,

// 상태와 주소를 변경한다.
const changePath = path => {
    setPath(path)
    // 주소를 변경한다
    window.history.pushState("", "", path)
}

pushState의 첫번째 인자로 빈 문자열을 넘기셨는데 이렇게 하니까 향후 popState 이벤트 핸들러에서 뒤로가기/앞으로가기가 처리가 잘 안되더라구요 혹시 아래처럼 하는것을 의도 하셨을까요?

// 상태와 주소를 변경한다.
const changePath = path => {
    setPath(path)
    // 주소를 변경한다
    window.history.pushState({path}, "", path) // 변경해야 되는 부분?
}
alstn113 commented 1 year ago

좋은 글 잘 읽었습니다. 감사합니다.