reactjs - 使用 React JS 进行 Stripe

Question

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

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

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

Cannot resolve module '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 要求它那么干净，但它会工作得很好。