외부 서버에서 리디렉션 처리

Question

사용자가 버튼을 클릭하면 외부 웹 사이트로 리디렉션되는 기능이 있습니다. 외부 웹 사이트로 이동하면 작업이 완료된 사용자는 원래 페이지로 돌아갑니다. 로 다음과 쿼리,

http://localhost:3000/settings/online-order?status=complete

나는 사용자가 이러한 쿼리로 리디렉션 아약스 호출을 수행 할 필요가있다 필요로 무엇. 내가 에 내 OnlineOrderComponent에 이것을 할 수 있지만, 그것이 맞는지 나는 모른다.

나는 별도의 routes.js 파일에 내 경로를 정의와 나는 같이 매우 잘못된 것

<Route path="settings/online-order" component={OnlineOrderComponent}/> 
<Route path="settings/online-order?status=complete" onEnter={/*do something here*/}/> 

그것을 처리했습니다. 당신 중 누구라도이 목표를 달성하기 위해 올바른 방향으로 나를 가르쳐 주시면 감사하겠습니다. 나는 이것이 모호하고 필요한 경우 명확하게됩니다 사과드립니다 감사합니다

Answer 1

사용하면 componentDidMount 아마 가장 깨끗한 방법입니다. 반응 라우터를 사용하고있는 것 같습니다. 다음과 같이 할 수 있습니다.

export Component extends React.Component { 
    componentDidMount() { 
     if (this.props.location.query.status && this.props.location.query.status === 'complete') { 
      // do something 
     } else { 
      // do something else 
     } 
    } 
}