[33 | カート実装] ホーム] >> [35 | クレジットカード フォーム]ランキング参加中プログラミングまずは以下の手順でStripeのアカウントを取得してください。 mrradiology.hatenablog.jp ダッシュボードで「公開可能キー」と「シークレットキー」をコピーし…

[32 | カートボタン] ホーム] >> [34 | Stripeモデルの実装]ランキング参加中プログラミング「qrmenu_react/src/components」フォルダに「ShoppingCart.js」ファイルを新規作成します。 作成した「src/components/ShoppingCart.js」ファイルを以下のように編…

[31 | アイテム数の実装] ホーム] >> [33 | カート実装]ランキング参加中プログラミング「qrmenu_react/src/pages/Menu.js」ファイルを編集します。 記述編集 【Desktop/QRMenu/qrmenu_react/src/pages/Menu.js】 import { Container, Row, Col, Button } fr…

[30 | メニューページ] ホーム] >> [32 | カートボタン]ランキング参加中プログラミング「qrmenu_react/src/pages/Menu.js」ファイルを編集します。 記述編集 【QRMenu/qrmenu_react/src/pages/Menu.js】 import { Container, Row, Col } from 'react-bootst…