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

前端之家收集整理的这篇文章主要介绍了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应用程序中.
原文链接:https://www.f2er.com/react/300993.html

猜你在找的React相关文章