§14-02Commerce
カート
選んだ商品と数量、合計金額を一覧で管理する。
購入前に選んだ商品を見直し、数量や組み合わせを調整できる。複数商品をまとめて買う EC で必須になる。
実装のポイント
数量変更は最小 1 で止め、0 にするのは削除操作に分ける。合計は items から毎回導出し、別 state で持たないことで不整合を防ぐ。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
- ソース
- cart.tsx
§14-02Commerce
選んだ商品と数量、合計金額を一覧で管理する。
購入前に選んだ商品を見直し、数量や組み合わせを調整できる。複数商品をまとめて買う EC で必須になる。
数量変更は最小 1 で止め、0 にするのは削除操作に分ける。合計は items から毎回導出し、別 state で持たないことで不整合を防ぐ。