목록Outlet (1)

코딩하는 고릴라

[React] navigate, nested route, outlet

navigate 페이지 이동 기능 구현을 위해 사용 Link 태그를 대신해 사용 가능 import { useNavigate } from 'react-router-dom' function App(){ let navigate = useNavigate() { navigate('/detail') }}>이동버튼 } useNavigate 임포트 useNavigate() 이용해 선언 navigate( ‘경로’ ) 와 같이 사용 navigate(-1) : 뒤로 가기 위와 같이 라우터 경로를 지정하면, 따로 지정이 안된 모든 경로에 대해 위 라우터에 지정된 컴포넌트를 출력 → 404 에러 페이지 등에 사용 nested routes, outlet 경로 내 경로의 요청에 대해 컴포넌트를 출력하기 위해 사용 /about/co..
React 2023. 11. 27. 21:45
이전 Prev 1 Next 다음