将 React 道具传递给 axios.post 时如何绑定 "this"

Question

我正在使用 react-paypal-express-checkout 元素。有一种方法可以在成功支付时传递函数。在这种方法中，我想创建一个 axios.post 将数据传递给服务器的地方。

数据是父组件的状态，是这样传递的：

<Pay value={this.state.value} />

我的 axios.post 在子 (<Pay />) 元素中是：

export default class Pay extends React.Component {
  render() {
    const onSuccess = payment => {
      axios.post(
        "http://localhost:3000/updateValue", {this.props.value}
      );
    };
    return (
      <div>
        <PaypalExpressBtn
          onSuccess={onSuccess}  
        />
      </div>
    );
  }
}

this.props.value给出的错误是this是保留字。我假设 this 没有正确绑定，但我不知道该怎么做。感谢您的帮助！

Answer 1

问题与函数绑定无关。 onSuccess 是一个箭头，它不能也不应该被绑定。 {this.props.value} 是对象文字的不正确语法。

如果 value 包含应发布的数据，则应为：

  axios.post(
    "http://localhost:3000/updateValue", {data: this.props.value}
  );

将 React 道具传递给 axios.post 时如何绑定 "this"

how to bind "this" when passing a React prop into axios.post

javascript

this

reactjs

axios

react-props