useNavigate

# useNavigate

- 특정행동을 했을때 해당 주소로 이동시켜주는 역할을 한다.

- 로그인이 되어있을경우 버튼을 누르면 navigate('/mypage')가 실행되어 mypage로 이동한다.

- link와 달리 함수 호출을 통해 특정 조건에 따라 페이지를 이동할수있다.

 

#과제중에 fe-sprint-react-twittler-spa 부분중 useNavigate를 이용해서 뒤로가기 버튼을 만드는 부분

const App = () => {
const navigate = useNavigate();

const goBack = () => {
navigate(-1);
};
const goForward = () => {
navigate(1);
};

return(
<div>
<button onClick={goForward}>앞으로가기</button>
<button onClick={goBack}>뒤로가기</button>
</div>
);