我想在基于类组件的旧react native项目中使用最新的stripe sdk @stripe/stripe-react-native?文档条带使用钩子,没有使用类组件的示例,因此需要帮助和感谢。
cl25kdpy1#
所有的stripe函数都可以直接从@stripe/stripe-react-native导入,这样您就可以将它们与class和functional组件一起使用。但是,您也可以通过专用的hooks访问它们。例如,你可以使用useConfirmPayment钩子,除了confirmPayment方法外,它还提供了loading状态,所以你不需要手动处理它。此外,还有一个主要的useStripe钩子,它提供了所有的stripe方法。示例:1.
@stripe/stripe-react-native
class
functional
hooks
useConfirmPayment
confirmPayment
loading
useStripe
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
1条答案
按热度按时间cl25kdpy1#
所有的stripe函数都可以直接从
@stripe/stripe-react-native
导入,这样您就可以将它们与class
和functional
组件一起使用。但是,您也可以通过专用的hooks
访问它们。例如,你可以使用useConfirmPayment
钩子,除了confirmPayment
方法外,它还提供了loading
状态,所以你不需要手动处理它。此外,还有一个主要的useStripe
钩子,它提供了所有的stripe方法。示例:1.
来源:https://github.com/stripe/stripe-react-native/blob/master/docs/tipsi-stripe-migration-guide.md#class-vs-functional-components