如何在旧的react native项目类组件中使用module @stripe/stripe-react-native?

3qpi33ja  于 2023-05-23  发布在  React
关注(0)|答案(1)|浏览(244)

我想在基于类组件的旧react native项目中使用最新的stripe sdk @stripe/stripe-react-native?文档条带使用钩子,没有使用类组件的示例,因此需要帮助和感谢。

cl25kdpy

cl25kdpy1#

所有的stripe函数都可以直接从@stripe/stripe-react-native导入,这样您就可以将它们与classfunctional组件一起使用。但是,您也可以通过专用的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-functional-components

相关问题