Javascript 在react项目中包含条带库的正确方法

我需要在我的应用程序中使用StripeAPI的很多功能，而不仅仅是由

例如，我需要编辑客户、订阅、取消它们等等

那么，访问这些函数的最佳方式是什么

例如，我想创建这样一个客户：

Stripe.apiKey = stripeKey;

let params = {};
params.put("email", "jenny.rosen@example.com");
params.put("source", "src_18eYalAHEMiOZZp1l9ZTjSU0");
let customer = Customer.create(params);

但如何将条带库正确导入到项目中？我尝试将脚本添加到index.html上的

。还尝试将其动态添加到

componentDidMount（）

中，如下所示：

let script = document.createElement('script');
script.src = "https://js.stripe.com/v3/";
document.getElementsByTagName('head')[0].appendChild(script);

为react项目添加自定义JS库的最佳方法是什么？我应该通过网页进行吗？请怎么做？

怎么样？是一个前端库，其唯一目的是收集和标记支付信息。使用Stripe API的所有其他操作（创建客户、收费等）必须在服务器端完成。