change all instances of "value.value"

Author: mattfwood

stepped-solutions/13/components/StorePicker.js

@@ -8,7 +8,7 @@ class StorePicker extends React.Component {
     // 1. Stop the form from submitting
     event.preventDefault();
     // 2. get the text from that input
-    const storeName = this.myInput.value.value;
+    const storeName = this.myInput.current.value;
     // 3. Change the page to /store/whatever-they-entered
     this.props.history.push(`/store/${storeName}`);
   };

stepped-solutions/14/components/AddFishForm.js

@@ -11,11 +11,11 @@ class AddFishForm extends React.Component {
     // 1.  stop the form from submitting
     event.preventDefault();
     const fish = {
-      name: this.nameRef.value.value,
-      price: parseFloat(this.priceRef.value.value),
-      status: this.statusRef.value.value,
-      desc: this.descRef.value.value,
-      image: this.imageRef.value.value
+      name: this.nameRef.current.value,
+      price: parseFloat(this.priceRef.current.value),
+      status: this.statusRef.current.value,
+      desc: this.descRef.current.value,
+      image: this.imageRef.current.value
     };
     this.props.addFish(fish);
     // refresh the form

stepped-solutions/14/components/StorePicker.js

@@ -8,7 +8,7 @@ class StorePicker extends React.Component {
     // 1. Stop the form from submitting
     event.preventDefault();
     // 2. get the text from that input
-    const storeName = this.myInput.value.value;
+    const storeName = this.myInput.current.value;
     // 3. Change the page to /store/whatever-they-entered
     this.props.history.push(`/store/${storeName}`);
   };

stepped-solutions/18/components/AddFishForm.js

@@ -11,11 +11,11 @@ class AddFishForm extends React.Component {
     // 1.  stop the form from submitting
     event.preventDefault();
     const fish = {
-      name: this.nameRef.value.value,
-      price: parseFloat(this.priceRef.value.value),
-      status: this.statusRef.value.value,
-      desc: this.descRef.value.value,
-      image: this.imageRef.value.value
+      name: this.nameRef.current.value,
+      price: parseFloat(this.priceRef.current.value),
+      status: this.statusRef.current.value,
+      desc: this.descRef.current.value,
+      image: this.imageRef.current.value
     };
     this.props.addFish(fish);
     // refresh the form

stepped-solutions/18/components/StorePicker.js

@@ -8,7 +8,7 @@ class StorePicker extends React.Component {
     // 1. Stop the form from submitting
     event.preventDefault();
     // 2. get the text from that input
-    const storeName = this.myInput.value.value;
+    const storeName = this.myInput.current.value;
     // 3. Change the page to /store/whatever-they-entered
     this.props.history.push(`/store/${storeName}`);
   };

stepped-solutions/19/src/components/AddFishForm.js

@@ -11,11 +11,11 @@ class AddFishForm extends React.Component {
     // 1.  stop the form from submitting
     event.preventDefault();
     const fish = {
-      name: this.nameRef.value.value,
-      price: parseFloat(this.priceRef.value.value),
-      status: this.statusRef.value.value,
-      desc: this.descRef.value.value,
-      image: this.imageRef.value.value
+      name: this.nameRef.current.value,
+      price: parseFloat(this.priceRef.current.value),
+      status: this.statusRef.current.value,
+      desc: this.descRef.current.value,
+      image: this.imageRef.current.value
     };
     this.props.addFish(fish);
     // refresh the form

stepped-solutions/19/src/components/StorePicker.js

@@ -8,7 +8,7 @@ class StorePicker extends React.Component {
     // 1. Stop the form from submitting
     event.preventDefault();
     // 2. get the text from that input
-    const storeName = this.myInput.value.value;
+    const storeName = this.myInput.current.value;
     // 3. Change the page to /store/whatever-they-entered
     this.props.history.push(`/store/${storeName}`);
   };

stepped-solutions/20/components/AddFishForm.js

@@ -11,11 +11,11 @@ class AddFishForm extends React.Component {
     // 1.  stop the form from submitting
     event.preventDefault();
     const fish = {
-      name: this.nameRef.value.value,
-      price: parseFloat(this.priceRef.value.value),
-      status: this.statusRef.value.value,
-      desc: this.descRef.value.value,
-      image: this.imageRef.value.value
+      name: this.nameRef.current.value,
+      price: parseFloat(this.priceRef.current.value),
+      status: this.statusRef.current.value,
+      desc: this.descRef.current.value,
+      image: this.imageRef.current.value
     };
     this.props.addFish(fish);
     // refresh the form

stepped-solutions/20/components/StorePicker.js

@@ -8,7 +8,7 @@ class StorePicker extends React.Component {
     // 1. Stop the form from submitting
     event.preventDefault();
     // 2. get the text from that input
-    const storeName = this.myInput.value.value;
+    const storeName = this.myInput.current.value;
     // 3. Change the page to /store/whatever-they-entered
     this.props.history.push(`/store/${storeName}`);
   };

stepped-solutions/21/components/AddFishForm.js

@@ -11,11 +11,11 @@ class AddFishForm extends React.Component {
     // 1.  stop the form from submitting
     event.preventDefault();
     const fish = {
-      name: this.nameRef.value.value,
-      price: parseFloat(this.priceRef.value.value),
-      status: this.statusRef.value.value,
-      desc: this.descRef.value.value,
-      image: this.imageRef.value.value
+      name: this.nameRef.current.value,
+      price: parseFloat(this.priceRef.current.value),
+      status: this.statusRef.current.value,
+      desc: this.descRef.current.value,
+      image: this.imageRef.current.value
     };
     this.props.addFish(fish);
     // refresh the form