subject 6 to hooks

Author: bradwestfall

subjects/06-Controlled-vs-Uncontrolled/exercise.js

@@ -19,52 +19,50 @@ import React from "react";
 import ReactDOM from "react-dom";
 import serializeForm from "form-serialize";
 
-class CheckoutForm extends React.Component {
-  render() {
-    return (
-      <div>
-        <h1>Checkout</h1>
-        <form>
-          <fieldset>
-            <legend>Billing Address</legend>
-            <p>
-              <label>
-                Billing Name: <input type="text" />
-              </label>
-            </p>
-            <p>
-              <label>
-                Billing State: <input type="text" size="2" />
-              </label>
-            </p>
-          </fieldset>
+function CheckoutForm() {
+  return (
+    <div>
+      <h1>Checkout</h1>
+      <form>
+        <fieldset>
+          <legend>Billing Address</legend>
+          <p>
+            <label>
+              Billing Name: <input type="text" />
+            </label>
+          </p>
+          <p>
+            <label>
+              Billing State: <input type="text" size="2" />
+            </label>
+          </p>
+        </fieldset>
 
-          <br />
+        <br />
 
-          <fieldset>
+        <fieldset>
+          <label>
+            <input type="checkbox" /> Same as billing
+          </label>
+          <legend>Shipping Address</legend>
+          <p>
             <label>
-              <input type="checkbox" /> Same as billing
+              Shipping Name: <input type="text" />
             </label>
-            <legend>Shipping Address</legend>
-            <p>
-              <label>
-                Shipping Name: <input type="text" />
-              </label>
-            </p>
-            <p>
-              <label>
-                Shipping State: <input type="text" size="2" />
-              </label>
-            </p>
-          </fieldset>
-
+          </p>
           <p>
-            <button>Submit</button>
+            <label>
+              Shipping State: <input type="text" size="2" />
+            </label>
           </p>
-        </form>
-      </div>
-    );
-  }
+        </fieldset>
+
+        <p>
+          <button>Submit</button>
+        </p>
+      </form>
+    </div>
+  );
 }
 
 ReactDOM.render(<CheckoutForm />, document.getElementById("app"));