小编Far*_*lik的帖子

我正在用react和node实现stripe。但我没有得到这些值

    <CardNumberElement/>
    <CardExpiryElement/> 
    <CardCvcElement/>

没有它的价值就无法获得代币，也无法充值。

如果我只使用 cardElement 那是可行的，但 cardElement 是一个单行输入字段，但我想拆分它。这就是为什么我使用 CardNumberElement 、 CardExpiryElement 和 CardCvcElement 进行拆分。后端代码是完美的，但错误在前端内部，因为我们无法完美地传递值来创建支付的条带令牌。

前端代码：

import React from "react";
import { loadStripe } from "@stripe/stripe-js";
import {
    Elements,
    CardElement,
    useStripe,
    useElements,
    CardNumberElement,
    CardExpiryElement,
    CardCVCElement,
    injectStripe,
    StripeProvider,
    CardCvcElement
} from "@stripe/react-stripe-js";
import axios from "axios";
import { ServiceBooking } from "../../services/service-booking"


const CheckoutForm = ({ success }) => {
    const stripe = useStripe();
    const elements = useElements();

    const handleSubmit = async event => {
        event.preventDefault();
        let number = elements.getElement(CardNumberElement); …