[React] useHistory를 사용하지 않고 뒤로가기

---

💬 들어가며

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

 

useHistory가 사라진 점. 

 

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

 

 

 

💡 문제 해결

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

 

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

 

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

 

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

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