我正在尝试实现条带化订阅。
下面是我的react代码:
const stripe = useStripe();
const elements = useElements();
const onPayClickHandler = async (event: React.MouseEvent<HTMLElement>) => {
event.preventDefault();
try {
const cardElement = elements.getElement(CardElement);
const { paymentMethod, error } = await stripe.createPaymentMethod({
type: "card",
card: cardElement,
});
if (error) {
alert(error.message);
return;
}
const response = await axios.post("/subscriptions", { plan: "price_1LzFhSSAy6HVqYxUjUW7uUd1", payment_method: paymentMethod.id });
//Error handling code...........
} catch (err) {
console.log(err);
}
};
下面是jsx部分:
<div className="SubsCard">
<div className="SubsCardTitle">Enter card details</div>
<CardElement />
<Button variant="primary" onClick={onPayClickHandler}>
Pay
</Button>
</div>
</div>
当我点击Pay
按钮时,我可以看到我的stripe customer id
正在生成,但随后我得到一个错误消息,说Error: As per Indian regulations, export transactions require a customer name and address
。
如何在CardElement
中添加customer name
和address
字段,请指导。
1条答案
按热度按时间46qrfjad1#
如何在CardElement中添加客户名称和地址字段
您通常不会这样做,因为CardElement只收集基本的编号/有效期/CVC/邮政编码字段,而不收集其他字段。
这里的建议是: