useNavigate1 [React-Router-Dom] useNavigate()와 useLocation()를 활용한 파라미터 전달 및 취득방법 이번 포스팅에서는 react-router-dom v6 에서 useNavigate()로 페이지를 이동하면서 파라미터를 '전달'하는 방법과 useLocation()로 파라미터를 '취득'하는 방법에 대해 알아보도록 하겠습니다. 1) 페이지 이동 시에 파라미터를 전달하는 방법 import { useNavigate } from 'react-router-dom'; export default function Test() { const navigate = useNavigate(); // 버튼 클릭시 호출 const move = () => { // 두번재 인자의 state 속성에 원하는 파라미터를 넣어준다. (id, job을 넣어봤다) navigate('/test2', { state: { id: 1, job: '개발자'.. 2023. 2. 19. 이전 1 다음