react-router-dom(v.6)을 이용한 파라미터 전달하기(useLocation, useNavigate)

useNavigate를 이용해 parameter 전달하기
navigate() 함수의 첫번째 인자에 이동할 경로, 두번째 인자의 state 속성에 파라미터를 넣어준다.

const navigate = useNavigate()
 
navigate( '/이동경로', { state: { 키: 값, 키: 값, ... } } ) 
 

예시

navigate('/signUp/complete', {
      state: {
        id: 'helloWorld',
        nickname:'myNickname'
      }
    });
  };

useLocation을 이용해 전달한 parameter 받아오기

const location = useLocation();
const state = location.state.키

예시

const uesrId = location.state.id
const nickName = location.state.nickname