V6. 에서 useHistory가 useNavigate 로 변경된 코딩소스 포함.

쾌활한 얼룩말

작성일 22.04.29 04:54 조회수 650

[25분 30초]

import { useHistory } from 'react-router-dom';
 

const history = useHistory();
 
history.push("/accounts/login");

=> V6 버전

import { useNavigate } from 'react-router-dom';
 
const navigate = useNavigate();
 
navigate("/accounts/login");
 
각각의 코딩을 변경해주면 정상작동하네요...
 
참고 : https://velog.io/@soryeongk/ReactRouterDomV6

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

리액트 기본 기능으로 회원가입 폼 만들기

강의실 바로가기

이진석

2022.04.29

안녕하세요.

"라우터로 SPA 만들기" 에피소드의 수업노트에서도 본 내용을 보충하고 있으니, 참고 부탁드립니다. :-)

V6. 에서 useHistory가 useNavigate 로 변경된 코딩소스 포함.

쾌활한 얼룩말

답글