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

前端之家收集整理的这篇文章主要介绍了reactjs – 如何在React组件中添加Stripe.js脚本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想创建一个使用 Stripe 作为支付提供商的付款表单.

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

@H_301_3@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应用程序中.

猜你在找的React相关文章