[react-router-dom v6] 페이지 이동(route, navigate)시 보이지 않는 데이터(파라미터)를 담아서 이동하는 방법 (useLocation > state)

By | 5월 2, 2023
0 Comment

이동 전 페이지

const navigate = useNavigate();
const goErrorPage = (errMsg: ReactNode) => {
  navigate('/error', { state: { errMsg } });
};
// 이후 goErrorPage('블라블라') 호출

이동 후 페이지

const { state } = useLocation();
...
return <>
  <h2>{state.errMsg}</h2>
</>
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments