리액터 라우터 - URL 읽기

Question

초대 시스템을 구현하려고합니다. 사용자는 초대 링크가 포함 된 이메일을 받게됩니다 :

http://foo.com/accept?invitation=XXXXX&orgName=House%20of%20Grue 

은 기본적으로, 그래서 나는 그들이 자신의 가입을 확정 페이지에 변수로 사용할 수있는 URL 밖으로 ORGNAME를 당길 필요가 있고 내가 필요 정확한 페이지 인 foo.com/invite로 안내하십시오. 이것에 대한

내 경로는 다음과 같습니다

const routes = <Route component={App}> 
    <Route path="/invite" component={Invite} /> 
</Route>; 

나는 그들이 자신의 이메일에서 링크를 클릭하면 내 경로에서 다른 작업을 수행 할 필요가 있습니까?

나는이 this.props.location.pathname이 나에게 URL을 가져다 줄 것이라고 읽었고, 나는 그곳에서 위로 슬라이스 할 수있다. 이것이 올바른 방법입니까?

Answer 1

this.props.location.query은 키/값 쌍이 쿼리 매개 변수 인 개체를 제공합니다.

예를 들어 this.props.location.query이 제공됩니다.

{ 
    invitation: 'XXXXXX', 
    orgName: 'House of Grue' 
}