React - 페이지 redirect하기 (useHistory 사용하기)

기존 Component를 이용하는 react에서 특정 동작이후 redirect를 하려면 history.push("/")를 사용했다.

 

Functional react에서는 react-router-dom의 useHistory를 이용하여 페이지 이동을 시킨다.

 

import {useHistory} from "react-router-dom"

   let history = useHistory();
   
   
    function callback(data) {
        if(data == "ok"){
            console.log("ok")
            history.push("/users");
        }
      }
     

다음과 같은 방법으로 결과에 따라서 페이지 이동이 가능하다.(로그인,로그아웃시 사용)