공삼
article thumbnail


1. 💬 들어가며

프로젝트를 진행하며 뒤로가기 기능을 만들다가 눈치챈 부분

 

useHistory가 사라진 점. 

 

그것을 대체하는 방법을 갖고왔다. 

 

 

 

2. 💡 문제 해결

간단 그 자체이다. 기존에 사용하였던 react-router-dom 의 useHistory가 아닌 window의 history를 사용하면 된다.

 

<javascript />
const handleGoBack = () => { window.history.back(); };

 

이렇게 사용하면 window에 내장되어있는 history를 이용하여 바로 전의 페이지로 이동할 수 있다. 

 

<javascript />
<button type="button" className="absolute" onClick={handleGoBack}> 버튼내부 내용 </button>

이런식으로 버튼에 onClick을 걸고 함수를 실행시키면 뒤로가기가 정상적으로 작동하는 모습을 볼 수 있다.

 

 

profile

공삼

@g_three

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!