外部サーバーからのリダイレクトの処理

Question

ユーザーがボタンをクリックすると外部のWebサイトにリダイレクトされ、作業が完了すると元のページに戻ります。私が必要とどのような次のようにクエリ、

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

は、私は、ユーザーがそのようなクエリをリダイレクトされたときに、AJAX呼び出しを実行する必要があり、です。私のOnlineOrderComponentのcomponentDidMountでこれを行うことができますが、正しいかどうかわかりません。

非常に間違っ思われる

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

、私は別のroutes.jsファイルで私のルートを定義していると私はこのようにそれを処理しようとしました。私はあなたの専門家のいずれかが、これを達成するために正しい方向に私を向けると感謝します。私はこれがあいまいであり、必要であれば明確にすることをお詫び申し上げます。ありがとう

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 
     } 
    } 
}