使用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”

因此，既然这显然是节点库，我想使用

<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要求它那样干净，但是可以正常工作。