如何在较旧的 React Native 项目类组件中使用模块 @stripe/stripe-react-native？

Question

我想在基于类组件的较旧的 React Native 项目中使用最新的 stripe sdk @stripe/stripe-react-native ？ 文档条纹使用了钩子，没有使用类组件的示例，所以需要帮助和感谢。

Answer 1

所有条带函数都可以直接从

@stripe/stripe-react-native

导入，以便您可以将它们与

class

和

functional

组件一起使用。 但是，您也可以通过专用的

hooks

访问它们。 例如，您可以使用

useConfirmPayment

钩子，除了

confirmPayment

方法之外，还提供

loading

状态，因此您不需要手动处理它。 此外，还有主要的

useStripe

钩子提供了所有的 stripe 方法。 例子：

1.

import { useConfirmPayment } from '@stripe/stripe-react-native';

const { confirmPayment, loading } = useConfirmPayment();

// await confirmPayment(...)

import { useStripe } from '@stripe/stripe-react-native';

const { confirmPayment } = useStripe();

// await confirmPayment(...)

import { confirmPayment } from '@stripe/stripe-react-native';

// await confirmPayment(...)

来源：https://github.com/stripe/stripe-react-native/blob/master/docs/tipsi-stripe-migration-guide.md#class-vs-function-components