javascript - 处理来自外部服务器的重定向

Question

我有一个功能，当用户单击按钮时，他/她将被重定向到外部网站，一旦工作完成，用户将通过如下查询导航回他/她的原始页面，

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

我需要的是，当用户使用这样的查询重定向时，我需要执行ajax调用。我可以在我的 OnlineOrderComponent 上的 componentDidMount 上执行此操作，但我不知道它是否正确。

我已经在单独的 routes.js 文件中定义了我的路线，并尝试像这样处理它，

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

这似乎是非常错误的。如果你们中的任何一位专家能指出我实现这一目标的正确方向，我将不胜感激。如果这含糊不清，我深表歉意，如果需要，我会澄清:)谢谢

Answer 1

使用componentDidMount可能是最简洁的方法。看来你正在使用 react 路由器。你可以这样做:

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