[React] useNavigate로 페이지 뒤로가기, 앞으로 가기 기능 구현하기

🔶 useNavigate로 페이지 ‘뒤로 가기’, ‘앞으로 가기’ 기능 구현

• 컴포넌트에서 뒤로가기를 구현하기 위해 useHistory를 import 해보니, 이미 없어진 기능으로 최근에는 useNavigate로 해당 기능을 구현할 수 있다는 것을 알게 되었다.

import { Link, useNavigate } from "react-router-dom";

function Component() {
	let navigate = useNavigate();
	return (
		<button onClick={() => navigate(-1)}>
			뒤로가기
		</button>

		<button onClick={() => navigate(1)}>
			앞으로가기
		</button>
	)
}
export default Component;