react router Link에서 데이터 넘기기

다른 페이지로 이동할 때 Link 태그를 사용한다

이때 Link 태그의 state에 전달할 값을 넘기면, useLocation을 사용해 값을 가져올 수 있다

<Link to="new-path" state={{ some: "value" }} />

let { state } = useLocation();

 

 

실제로는 이렇게 사용했다

 <Link to={`/shop/${id}`} state={{ place_name, road_address_name }}>
 
 
const location = useLocation();
const { place_name: shop_name, road_address_name } = location.state;