react-router-dom v6 이상 페이지 이동

button을 눌러 페이지 이동을 해야 할 때

이전 버전에서는 useHistory를 사용했다.

 

그러나 v6에서는 useNavigate를 사용한다.

사용법은 useHistory와 크게 다르지 않다.

 

먼저, useNavigate를 import 해준다.

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

 

그리고 함수 내부에서 선언을 한다.

const navigate = useNavigate();

 

버튼을 클릭했을 때 home으로 이동한다고 하면

const onClick = () => {

navigate("/home");

};

적어주고 버튼에 onClick을 부여하면 끝 -