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应用程序中.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |