[리액트] useNavigate로 props 전달 & useLocation 으로 받기

 

 

Redux를 사용해서 데이터를 전역으로 관리할 필요가 없을 때, useNavigate로 라우팅하면서 함께 해당 페이지로 데이터를 보낼 수 있는 방법이 있다.

 

useNavigate와 useLocation이면 가능하다!

 

 

1. useNavigate()

useNavigate를 사용해서 이동 경로로 state값 전달하기

const navigte() = useNavigate();
navigate("이동할 경로", state:{ "전달하고자 하는 데이터" });

 

 

 

2. useLocation()

useLocation을 써서 props 받기

const { state } = useLocation();