该条纹付款按钮更​​改为Reactjs的图像

Question

我实现支付与地带变成我的申请，我想，用图像来触发条纹“用支付卡”按钮。我曾试图隐瞒，但我不知道触发它在使用图像reactjs。在此任何抬头会感激

Answer 1

在React中，我们需要使用event handlers来处理诸如单击事件之类的事情。 对于您的示例，您将要为图像设置一个onClick处理程序。

...

handleClick = event => {
  this.setState({
    hideButton: !hideButton
  })
}

render() {
  return (
    <div>

      <img 
        src="example.com"
        alt="example of an example"
        onClick={this.handleClick}
      />

      <StripeButton 
        style={ hideButton ? {visibility:'hidden'} : {visibility:'visible'} }
      />

    </div>
  )
}

...

使用this.setState({hideButton: !hideButton})的按钮将每个用户点击图像时切换。如果您不希望这样做，请替换为：this.setState({hideButton: false})。

Answer 2

这似乎与以下问题非常相似：Stripe embed form: Change Zipcode placeholder text?

对我来说，听起来您正在使用条纹签出。条纹结帐是一个可嵌入的付款按钮。因此，您实际可以更改的内容非常有限。

请参阅条纹文档，以了解可以更改哪些参数：https://stripe.com/docs/checkout#integration-custom