[React] react v6 뒤로 가기 버튼 만들기

react v6에서는 useHistory가 사라졌기 때문에, useNavigate()를 사용해야 한다.

 

1. import 하기

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

2. 함수 만들기

  const navigate = useNavigate();

  const handleGoBack = () => {
    navigate(-1);
  };

3. 함수 걸어주기

<BackBtn onClick={handleGoBack}>◀ 뒤로 가기</BackBtn>