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

Question

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

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

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

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

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

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

Answer 1

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

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

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

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

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