reactjs - 在 React 中使用 Stripe Elements 和生成你自己的 React Elements 来获得标记卡之间的区别

Question

这更像是一个概念问题，而不是编码问题。这是关于在 React 应用程序中实现 Stripe，并获取用户的卡片详细信息并将其保存在条带中，并获取标记化的卡片并将其保存在数据库中。

所以最近我在我的 react 应用程序中实现了 Stripe，我按照这里的说明进行操作：https ://stripe.com/docs/recipes/elements-react 意思是我使用他们的 Stripe React Element 来获取卡号、到期日期等。

后来，我自己尝试并创建了 React 元素，而不是使用他们的库，并将请求发送到 Stripe 以及卡片详细信息，以获取标记化的卡片响应。

现在，上述两个过程都可以正常工作。我只是不知道哪个更好，为什么？

在这两种情况下，对卡进行标记的过程完全相同。唯一的区别是当我向用户展示卡片表单时，它要么是他们的库元素，要么是我自己制作的自定义 React 元素，我看不出首选的方式是什么，或者根本没有。

或者两种方式完全相同。Stripe 是否只是为那些不知道如何为自己制作的人提供 React Element？

标签： reactjsstripe-payments

Answer 1

我只是不知道哪个更好，为什么？

从功能上讲，它们是相同的。您将通过相同的流程来接受卡片。不过，使用他们的库有一些好处。

1：更容易。当您可以在 30 分钟内导入他们的组件并接受付款时，您为什么要构建一个信用卡界面？

2：更强。您为处理工作流而构建的组件仅由 1 个人或团队开发和测试。react-stripe-elements 被 github 上的 5,000 个不同项目使用。您将遇到的许多错误、问题和注意事项已经得到解决。

3：一致的品牌和用户体验。这是一个两方面的合作 - Stripe 希望您使用他们的样式和 UX，因为它训练用户（和开发人员）将支付处理与 Stripe 相关联，这样他们就可以赚更多的钱。
它还使您更容易向用户显示他们应该输入他们的卡信息。他们已经知道界面的外观和功能。您要做的最后一件事是在结帐阶段提供一些不熟悉的东西。