顧客の詳細情報を収集するベータ
顧客のメールアドレスを収集します。
ベータ
Custom Checkout の導入はプライベートベータです。アクセスをリクエストするには、こちらをクリックしてください。
顧客のメールアドレスを収集する![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Custom Checkout では、顧客のメールアドレスの収集が必須です。
注
Custom Checkout では、email
値の形式は検証されません。文字 @
、.
が含まれていることの確認など、基本的な検証を必ずフロントエンドで行ってください。
Custom Checkout の導入はプライベートベータです。アクセスをリクエストするには、こちらをクリックしてください。
Custom Checkout では、顧客のメールアドレスの収集が必須です。
useCustomCheckout フックから email と updateEmail を使用して、メールアドレス入力コンポーネントを作成します。
import React from 'react'; import {useCustomCheckout} from '@stripe/react-stripe-js'; const EmailInput = () => { const checkout = useCustomCheckout(); const looksValid = checkout.email.test(/^\S+@\S+\.\S+$/); const handleChange = (e) => checkout.updateEmail(e.target.value); return ( <input type="text" className={looksValid ? '' : 'invalid'} value={checkout.email} onChange={handleChange} /> ); }; export default EmailInput;
Custom Checkout では、email
値の形式は検証されません。文字 @
、.
が含まれていることの確認など、基本的な検証を必ずフロントエンドで行ってください。