인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

으하핳님의 프로필 이미지
으하핳

작성한 질문수

리액트로 나만의 블로그 만들기(MERN Stack)

(30) PostCardList(1)

connected-react-router

작성

·

235

2

react-router-dom의 history.push와

connected-react-router의 push는 어떤 차이때문에 쓰시는 건지 알 수 있을까요?

단순히 페이지 이동이라면 history.push면 될텐데 그게 아닌 것 같아서요.

답변 1

1

싸플님의 프로필 이미지
싸플
지식공유자

단방향의 흐롬(history -> store -> router -> components)을 통해 라우터 상태를 리덕스 스토어와 일치를 시켜줍니다. 

단순히 history.push를 쓸 경우 마우스의 뒤로가기 버튼을 사용하거나 할때 혹은 비정상적으로 왔다갈다할때 가끔 오류가 발생하여(항상 발생하는 것은 아니고 정말 가끔), 안정화시켜주기 위해 connected-react-router를 사용합니다. 

으하핳님의 프로필 이미지
으하핳

작성한 질문수

질문하기