From 5e2b53b85e22d65a73b0b4df319f901ac6b4ba35 Mon Sep 17 00:00:00 2001
From: Deandre Crayton <deandrecrayton@gmail.com>
Date: Wed, 24 Jan 2018 19:31:17 -0600
Subject: [PATCH 1/2] prop practice

---
 src/App.js | 42 ++++++++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/src/App.js b/src/App.js
index 2fe6d64..ccd2d55 100644
--- a/src/App.js
+++ b/src/App.js
@@ -10,55 +10,61 @@ function App(props) {
     name: "ajax",
     description: "Cleans your bathroom real good"
   };
+  const soda = {
+    name: "pepsi"
+  };
+  const shoe = {
+    name: "nike"
+  }
   const names = ["Bob", "Stand", "Todd", "Ted"];
   return (
     <div>
       {/* send in a prop called "message", give it the string "Hello World" */}
       <div>This better say "Hello World": <SuperComponent message={"Hello World"} /> </div>
       {/* send in a prop called "message", give it the string "Goodbye World" */}
-      <div>This better say "Goodbye World": <SuperComponent /> </div>
+      <div>This better say "Goodbye World": <SuperComponent message={"Goodbye World"} /> </div>
       {/* send in a prop called "message", give it the string "Props are awesome" */}
-      <div>This better say "Props are awesome": <SuperComponent /> </div>
+      <div>This better say "Props are awesome": <SuperComponent message={"Props are awesome"} /> </div>
       {/* send in a prop called "message", give it the string "I totally get this now" */}
-      <div>This better say "I totally get this now": <SuperComponent /> </div>
+      <div>This better say "I totally get this now": <SuperComponent message={"I totally get this now"} /> </div>
 
 
       {/* send in a prop called "magicNumber", give it the number 42*/}
-      <div>This better say 42: <SuperComponent /> </div>
+      <div>This better say 42: <SuperComponent magicNumber={42} /> </div>
       {/* send in a prop called "magicNumber", give it the number 21*/}
-      <div>This better say 21: <SuperComponent /> </div>
+      <div>This better say 21: <SuperComponent magicNumber={42} /> </div>
 
 
       {/* send in a prop called "product", give it the variable product*/}
-      <div>This better say "ajax": <SuperComponent /> </div>
+      <div>This better say "ajax": <SuperComponent product={product} /> </div>
       {/* send in a prop called "product", give it an object with a name property "pepsi"*/}
-      <div>This better say "pepsi": <SuperComponent /> </div>
+      <div>This better say "pepsi": <SuperComponent product={soda} /> </div>
       {/* send in a prop called "product", give it an object with a name property "nike"*/}
-      <div>This better say "nike": <SuperComponent /> </div>
+      <div>This better say "nike": <SuperComponent product={shoe} /> </div>
 
 
       {/* send in a prop called "names", give it the variable names*/}
-      <div>This better say "Bob, Stand, Todd, Ted" : <SuperComponent /> </div>
+      <div>This better say "Bob, Stand, Todd, Ted" : <SuperComponent names={names} /> </div>
       {/* send in a prop called "names", give it an array ["Brodie","Alicia","Margo"]*/}
-      <div>This better say "Brodie, Alicia, Margo" : <SuperComponent /> </div>
+      <div>This better say "Brodie, Alicia, Margo" : <SuperComponent names={["Brodie", "Alicia", "Margo"]} /> </div>
       {/* send in a prop called "names", give it an array ["Titus","Axel","Claire"]*/}
-      <div>This better say "Titus, Axel, Claire" : <SuperComponent /> </div>
+      <div>This better say "Titus, Axel, Claire" : <SuperComponent names={["Titus", "Axel", "Claire"]} /> </div>
 
       {/* Use App's props*/}
       {/* send in a prop called "products", give it the products array from App's props*/}
-      <div>This better say "Hand Sanitizer": <SuperComponent /> </div>
+      <div>This better say "Hand Sanitizer": <SuperComponent products={props.products} /> </div>
       {/* send in a prop called "names", give it the names array from App's props*/}
-      <div>This better say "Robin, Lily, Barney": <SuperComponent /> </div>
+      <div>This better say "Robin, Lily, Barney": <SuperComponent names={props.names} /> </div>
       {/* send in a prop called "magicNumber", give it the magicNumber from App's props*/}
-      <div>This better say "99": <SuperComponent /> </div>
+      <div>This better say "99": <SuperComponent magicNumber={props.magicNumber} /> </div>
       {/* send in a prop called "message", give it the contact.firstName from App's props*/}
-      <div>This better say "Luke": <SuperComponent /> </div>
+      <div>This better say "Luke": <SuperComponent message={props.contact.firstName} /> </div>
       {/* send in a prop called "message", give it the contact.lastName from App's props*/}
-      <div>This better say "Skywalker": <SuperComponent /> </div>
+      <div>This better say "Skywalker": <SuperComponent message={props.contact.lastName} /> </div>
       {/* send in a prop called "message", give it the contact.occupation from App's props*/}
-      <div>This better say "farmer": <SuperComponent /> </div>
+      <div>This better say "farmer": <SuperComponent message={props.contact.occupation} /> </div>
       {/* send in a prop called "message", give it the contact.address from App's props*/}
-      <div>This better say "300 MiddleOfNoWhere st Tatooine": <SuperComponent /> </div>
+      <div>This better say "300 MiddleOfNoWhere st Tatooine": <SuperComponent message={props.contact.address} /> </div>
       <Parent />
     </div>
   );

From 739585e60d31700cc175436bac52d01372db3ebb Mon Sep 17 00:00:00 2001
From: Deandre Crayton <deandrecrayton@gmail.com>
Date: Wed, 24 Jan 2018 20:28:06 -0600
Subject: [PATCH 2/2] changed objects in App.js

---
 src/App.js | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/App.js b/src/App.js
index ccd2d55..5e457be 100644
--- a/src/App.js
+++ b/src/App.js
@@ -10,12 +10,6 @@ function App(props) {
     name: "ajax",
     description: "Cleans your bathroom real good"
   };
-  const soda = {
-    name: "pepsi"
-  };
-  const shoe = {
-    name: "nike"
-  }
   const names = ["Bob", "Stand", "Todd", "Ted"];
   return (
     <div>
@@ -38,9 +32,9 @@ function App(props) {
       {/* send in a prop called "product", give it the variable product*/}
       <div>This better say "ajax": <SuperComponent product={product} /> </div>
       {/* send in a prop called "product", give it an object with a name property "pepsi"*/}
-      <div>This better say "pepsi": <SuperComponent product={soda} /> </div>
+      <div>This better say "pepsi": <SuperComponent product={{name: "pepsi"}} /> </div>
       {/* send in a prop called "product", give it an object with a name property "nike"*/}
-      <div>This better say "nike": <SuperComponent product={shoe} /> </div>
+      <div>This better say "nike": <SuperComponent product={{name: "nike"}} /> </div>
 
 
       {/* send in a prop called "names", give it the variable names*/}