리다이렉트1 리액트 라우터(React Router) 부가기능 활용 이전 블로그의 리액트 라우터 사용법 예제를 이어서 부가기능에 대해 설명하고자 합니다. 1. useNavigate Link 컴포넌트를 사용하지 않고 다른 페이지로 이동해야 하는 상황에서 사용하는 Hook 입니다. Layout 컴포넌트를 아래와 같이 수정합니다. import { Outlet, useNavigate } from 'react-router-dom'; const Layout = () => { const navigate = useNavigate(); const goBack = () => { // 이전 페이지로 이동 navigate(-1); }; const goArticles = () => { // articles 경로로 이동 navigate('/articles'); }; return ( 뒤로가기 게시.. 2023. 5. 29. 이전 1 다음 반응형