nextJSをベースにストライプのWeb要素(カード)を組み込んだアプリケーションを開発しているのですが、これらの要素が表示されません。調べてみると空っぽでした。他の ReactJS アプリでは正常に動作しますが、コードは同じですが、ここでは動作しません。私が何を間違えたのでしょうか?
カード要素が表示されないので、cardElementも試してみました。
問題はおそらく、async 関数loadStripePromise() を呼び出して loadStripe を呼び出して ストライププロミス
async 関数loadStripePromise()
を呼び出して
要素を正しく初期化するには、loadStripe を同期的に実行する必要があると思います。ドキュメント ここ
loadStripe
問題はおそらく、
を非同期的に初期化することに関連していると考えられます。async 関数loadStripePromise()
を呼び出して
loadStripeを呼び出して
ストライププロミス要素を正しく初期化するには、
に例があります。 リーリーloadStripe
を同期的に実行する必要があると思います。ドキュメント ここ