javascript - 如何在 ADYEN 卡组件中存储 state.Data 和 state.isValid？

Question

因此，我已经阅读了文档并遵循了到目前为止的所有内容。但是，在 handleOnChange 函数中，我无法发布数据，因为它给出了错误：

错误

这是我目前尝试发布数据的方式，我愿意接受任何建议。

function handleOnChange(state, component) {
  state.isValid 
  state.data 
  component 
  if (state.isValid === true) {
    this.http.post(environment.paymentFunctionurl + '/', { amount: this.amount, content: state.data}).subscribe((res) => {
      console.log(res);
    })
  }
}

我尝试将它们存储为变量，但结果未定义。我在这里想念什么？

Answer 1

您的错误在于访问http，它不是this. 您需要确保http已添加this或可能已打开 http，window以便无论您的范围如何都可以访问它。

旁注：您的示例是amount从客户端传递的。

不要在生产中这样做！！！！

您可能只是在测试时这样做，但在测试中这甚至是不好的做法。客户可能是恶意的并更改了金额，而您应该使用自己的后端/数据库来决定收取多少费用。