React Router v6
![[React] React Router v6 useNavigate()로 파라미터(state) 보내고 받는 방법: useLocation()](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fwz58L%2FbtrNPi0C3yV%2FAAAAAAAAAAAAAAAAAAAAAJxlPQRRzEcXF0rfvxmGrx62J0Ib3SAxCpMlOSEXn5eq%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3D%252FMusPOxoJlWVlHtddTm7IoS8MVQ%253D)
[React] React Router v6 useNavigate()로 파라미터(state) 보내고 받는 방법: useLocation()
1. useNavigate() 로 파라미터 보내는방법 현재 페이지에서 다른 페이지로 이동할 때 값을 보내기 위해 아래와 같이 사용한다. const navigate = useNavigate(); const param = {'key1' : 'value1', 'key2': 'value2'}; navigate('/main', {state: param}); navigate('/page', {state: {'dog' : '멍뭉'}}); 예시처럼 navigate('/경로', {state: {키 : 값}}) 형태로 넣어준다. 2. 파라미터 받는 방법 : useLocation() 페이지로 보낸 param 값을 받으려면 이동한 페이지에서 아래와 같이 사용한다. (위의 1번 예시와 이어짐.) const location = ..