Question

我正在使用这个简单的组件在我的React项目中集成Stripe Elements：

render () {
  return (
    <form onSubmit={event => this.onSubmit(event)}>
      <label>
        <CardElement className='Input' />
      </label>
    </form>
  )
}

问题是我上面已经有另一个表单，用户输入其结算信息（地址，邮政编码，国家/地区......）。是否可以使用之前输入的邮政编码预先填写此字段？

我已查看Elements source code并且看不到任何值选项。有可能以某种方式使用ref选项吗？

由于

Answer 1

根据这个：https://stripe.com/docs/stripe-js/reference#elements-create（在选项中），您可以传递选项value，我在这里看到：https://github.com/stripe/react-stripe-elements/blob/master/src/components/Element.js#L26允许任何可行的选项：

render () {
  return (
    <form onSubmit={event => this.onSubmit(event)}>
      <label>
        <CardElement
          className='Input'
          value={ { postalCode: this.state.postcode } }
        />
      </label>
    </form>
  )
}

条纹卡元素默认邮政编码

1 个答案: