[React] React-Router의 Link to를 사용하여 데이터 전달하기
공부 기록/React
2023. 6. 26. 11:16
프로젝트를 진행하면서 프론트 페이지에서 선택된 tag의 값을 다른 페이지로 넘겨줘야 하는 상황이 발생하였다. Router의 Link to를 사용하여 다른 페이지로 이동하고 있었기 때문에 현재 페이지의 값을 다른 페이지로 넘겨주는 방법을 작성하려 한다. Link to는 부모 자식 컴포넌트간 데이터를 주고받는 props처럼 state를 사용하여 값을 전달할 수 있다. Page1.js 클릭 Page2.js import React from "react"; import { useEffect, useLocation } from "react-router-dom"; function Page2() { const location = useLocation(); const oneTag = location.state.oneTa..