我有一个功能,当用户点击按钮时,他/她将被重定向到外部网站,一旦工作完成,用户将被导航回他/她的原始页面,查询如下,< / p>
http://localhost:3000/settings/online-order?status=complete
我需要的是,当用户使用这样的查询重定向时,我需要执行ajax调用。我可以在我componentDidMount
的{{1}}上执行此操作,但我不知道这是否正确。
我已在单独的OnlineOrderComponent
文件中定义了我的路线,我尝试像这样处理它,
routes.js
这似乎非常错误。如果你们中的任何一位专家能够指出我正确的方向来实现这一点,我将不胜感激。如果这很模糊,我会道歉,如果需要,我会澄清:)谢谢
答案 0 :(得分: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
}
}
}