Stateless functional components

statelessFunctionalComponents.js

export function CartItems({items, addToCart}) {
  return (
    <div>
      <h3>Current Cart:</h3>
      {items.map((item)=>CartItem(item, addToCart))}
    </div>
  )
}

export function CartItem({name}, addToCart) {
  return (
    <div>
      {item.name}
      <button onClick={()=>addToCart(item)}>Add to Cart</button>
    </div>
  )
}