08_03 Checkout

Checkout

go.raybo.org/2KBl

Let's go ahead and take care of our checkout page.

Practice

Begin go.raybo.org/2KBh Diff go.raybo.org/2KBg End go.raybo.org/2KBi
  1. Pass cart-total to checkout
  2. Receive cart, cart-total props
  3. Loop through cart
  4. Display price, total, etc.

Here, we'll need to make sure we pass the total, which is already calculated on the homepage to the checkout page (Why calculate it again when it's already done)

We'll receive cart and cart-total as props.

We will loop and display the cart items

Make sure we display the price, total and other elements. I've already created placeholders for you.