javascript - 如何在返回 react 应用程序时控制数据?

标签 javascript reactjs

<分区>

我需要一个完美的货币支付部分如下: 我会将金额和数据发送给 perfect money,它将返回以从 perfect money 的网站使用react。 从 perfect money 返回时出现此错误:。 无法发布/ 来自 perfect money to react 的数据正在使用 post 方法。我该怎么办?

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

最佳答案

在 perfect money 的网站上将“取消”的回调 url 更改为 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
}

关于javascript - 如何在返回 react 应用程序时控制数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56435303/

相关文章:

javascript - querySelector 与 getElementById

JavaScript - 获取工作日中两个日期之间的日期

javascript - 如何在 JSX 中调用带参数的函数?

reactjs - 每四条记录显示一列

javascript - 如何覆盖(overwrite)material-ui(React)中的类和样式

javascript - React.js - 计算值的最佳实践

javascript - ExtJS 4.2 : ToolTips not wide enough to see contents

javascript - href 没有链接到外部 url

javascript - 使用 Python 返回 javascript 中的数据

javascript - 刷新页面后才获取token。刷新前Token返回null