返回反应应用程序时如何控制数据?

时间:2019-06-03 22:33:31

标签: javascript reactjs

我需要一部分来支付完美的款项,如下所示: 我将把金额和数据发送给完美货币,它将退还给完美货币网站以作出反应。 从完美的资金中返还时出现此错误:。 无法发布/ 来自完美货币的反应数据是使用post方法。该怎么办?

<Router history={createBrowserHistory}>
<Switch>
<Route exact path='/' component={()=><Home />} />
</Switch>
</Router>

1 个答案:

答案 0 :(得分:0)

在Perfect Money网站上将“取消”的回调网址更改为yoursite.com/?action=cancel。注意action=cancel部分。现在,您需要像这样在React应用中对其进行检查:

React Router v3

使用React Router v3,您可以从this.props.location.search获取查询字符串(?action = cancel)。例如,使用let params = queryString.parse(this.props.location.search),将得到{ action : 'cancel'}

React Router v4

在React Router v4中,this.props.location.query不再存在。您需要改用 this.props.location.search 并自己或使用现有的软件包(例如query-string)来解析查询参数。

示例

这是使用React Router v4和query-string库的一个最小示例。

import { withRouter } from 'react-router-dom';
import queryString from 'query-string';

// ...

render(){
    let params = queryString.parse(this.props.location.search)
    // use params
}