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

我想创建一个使用 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应用程序中.