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을 걸고 함수를 실행시키면 뒤로가기가 정상적으로 작동하는 모습을 볼 수 있다.
'Front-End > React' 카테고리의 다른 글
React 라이프사이클 (함수 컴포넌트, 클래스 컴포넌트) (0) | 2023.08.29 |
---|---|
[kakaoAPI] 위도,경도 값을 이용해 주소 받아오기 (0) | 2023.08.09 |
[환경구성] CRA를 이용한 React 환경구성 (0) | 2023.05.12 |
useMemo와 useCallback, React.memo 의 차이점 (0) | 2023.05.05 |
(pagination)React에서 사용한 게시글 pagination (0) | 2023.03.30 |