react-router-dom v5 -> v6

Steve·2022년 2월 8일
0

벨로퍼트 영상을 참고함.

Switch 대신 Routes
Route는 항상 Routes가 감싸고 있어야함

useHistory가 대신 useNavigate
const history = useHistory(); // 객체였지만
history.push("/");
history.goback();

-> const navigate = useNavigate(); // 이제 함수다!
navigate("/");
뒤로가기 1번 navigate(-1);
뒤로가기 2번 navigate(-2);

useRouteMatch가 사라짐
match.url과 match.path를 사용하기 위해 존재했었다.
현재 url에 기반하여 링크나 라우터를 새로 설정하기 위해.

기존의 exact path가 사라지고 element로 바뀜
exact는 이제 기본적으로 가지고 있고 만약 광범위하게 이용하고 싶다면
url 뒤에 ' /* '

profile
Front-Dev

0개의 댓글