this.props.history.push 이동시 파라미터 같이 보내기

this.props.history.push('이동할 링크');

보통 이렇게 이동할 링크를 push() 안에 넣어 쓴다.
하지만 사용자 토큰 정보나 결제 정보 또는 게시물의 일련번호 등 다음 페이지로 넘어갈 때 파라미터를 가지고 넘어가야할 때 push를 써서 이동할 때는 아래처럼 이용한다.

this.props.history.push({
    pathname: '이동할 링크',
    state: { detail: 전달할 파라미터}
})

위 처럼 전달할 파라미터를 담아 보내면 된다. 객체 형식으로 보내도 된다.
그리고 전달 받는 페이지에서는 아래처럼 불러온다.

const getParams = this.props.location.state.detail;

이렇게 불러오면 getParams안에 전달받은 파라미터가 담아져 있다.

하지만 리액트 지원 버전이 따로 있다. react 16.8 이상 가능하다.

TOP