加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

reactjs – 如何在React组件中添加Stripe.js脚本

发布时间:2020-12-15 20:48:07 所属栏目:百科 来源:网络整理
导读:我想创建一个使用 Stripe 作为支付提供商的付款表单. 在Stripe.js Reference中,使用jQuery描述了创建表单组件的过程,包括页面中的外部脚本.如何将它包含在我的React组件中?什么是最好的方法?到目前为止,我有以下内容: import React,{ Component } from 'r
我想创建一个使用 Stripe 作为支付提供商的付款表单.

在Stripe.js Reference中,使用jQuery描述了创建表单组件的过程,包括页面中的外部脚本.如何将它包含在我的React组件中?什么是最好的方法?到目前为止,我有以下内容:

import React,{ Component } from 'react';

class PaymentForm extends Component {
 constructor(props) {
  super(props);
 }

 componentDidMount() {
   Stripe.setPublishableKey('THE-PUBLIC-KEY');
 }

 handleSubmit(e) {
   e.preventDefault();
   Stripe.card.createToken(e.currentTarget,(status,response) => {
    console.log( status,response );
   });
 }

 render() {
   //THE PAYMENT FORM
 }
}

注1:我不想使用ReactScriptLoader,因为它没有主动更新.

注2:还看了dangerouslySetInnerHTML解决方案,我觉得这不是好习惯.

Stripe已正式发布 react-stripe-elements模块,其中包含React组件,可帮助您将 Stripe Elements添加到React应用程序中.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读