条纹与React JS

Question

我需要在React JS中使用Stripe.js创建令牌,但我找不到任何简单的方法.在node.js中我会做这样的事情:

   stripeClient.tokens.create({
      card: {
        number: '4242424242424242',
        exp_month: 12,
        exp_year: 2050,
        cvc: '123'
      }

但是Stripe npm模块在React JS中对我不起作用.我收到错误:

无法解析模块'child_process'

所以,因为这显然是节点pibrary,我想使用

<script type="text/javascript" src="https://js.stripe.com/v2/"></script>

但我不确定在React中实现外部库的最佳做法是什么

Answer 1

您可以像其他任何客户端库一样继续添加它,就像您过去所做的那样.

包含此脚本标记:

<script type="text/javascript" src="https://js.stripe.com/v2/"></script>

然后使用它在代码中公开的全局.

import React from 'react';

// we didn't have to import stripe, because it's already
// in our global namespace.
Stripe.setPublishableKey('pk_test_6pRNASCoBOKtIshFeQd4XMUh');

它不像NPM那样需要它,但它可以正常工作.