Create shopping-cart.md

Author: MichaelCurrin

recipes/javascript/packages/react/shopping-cart.md

@@ -0,0 +1,40 @@
+# Shopping cart
+
+
+```jsx
+import { useState } from 'react';
+
+function ShoppingCart() {
+  const [cart, setCart] = useState([]);
+
+  function addItemToCart(e) {
+    const item = e.target.value;
+    console.log(item);
+    setCart([...cart, item]);
+  }
+
+  return (
+    <div className="app">
+      <div className="items">
+        <button value="MacBook Pro" onClick={addItemToCart}> MacBook Pro</button>
+        <button value="iPhone XS" onClick={addItemToCart}>iPhone XS</button>
+        <button value="Gem" onClick={addItemToCart}> Gem</button>
+        <button value="Teddy Bear" onClick={addItemToCart}> Teddy Bear</button>
+      </div>
+
+      <div className="cart">
+        Cart
+        <ul>
+          {
+           cart.map(item => 
+             <li key={item}>{item}</li>
+           )
+          }
+        </ul>
+      </div>
+    </div>
+  );
+}
+
+export default ShoppingCart;
+```