[React] react-router-dom 버전6으로 바뀌면서 history -> navigate

인프런 리액트 기본강의를 듣는데 예전 강의라 그런지 현재 업데이트 되어 달라진 부분이 있었다.

React v5에 있던 useHistory 기능이 useNavigate 기능으로 통합되었다.

 

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

 

추가 해주고

 

let navigate = useNavigate();

 

선언해주고 원하는 부분에 

 

navigate('/')

 

사용해주면 된다