add address input & state selection

src/App.js

@@ -47,6 +47,17 @@ const App = (props) => {
     setOrder({firstName : order.firstName, lastName: event.target.value})
   }
 
+  const updateAddress = (event) => {
+    let address = event.target.value;
+    setOrder({...order, address})
+  }
+
+  const updateState = (event) => {
+    let state = event.target.value;
+    setOrder({...order, state})
+  }
+
+
   return (
     <>
       <header>
@@ -98,11 +109,34 @@ const App = (props) => {
                 <strong>성</strong>
                 <input className="form-control" value={order.lastName} onChange={updateLastName}/>
               </div>
+
+              <div className="form-group">
+                <div className="col-md-12"> <strong>주소:</strong></div>
+                <div className="col-md-12">
+                  <input className="form-control" value={order.address} onChange={updateAddress}/>
+                </div>
+              </div>
+
+              <div className="form-group">
+                <div className="col-md-2"> <strong>주:</strong>
+                  <select className="form-control" value={order.state} onChange={updateState}>
+                    <option disabled value="">주</option>
+                    <option>AL</option>
+                    <option>AR</option>
+                    <option>CA</option>
+                    <option>NV</option>
+                  </select>
+                </div>
+              </div>
               <div className="col-md-12 verify">
                 <pre>
                   이름 : {order.firstName}
                   <br/>
                   성 : {order.lastName}
+                  <br/>
+                  주소 : {order.address}
+                  <br/>
+                  주 : {order.state}
                 </pre>
               </div>
             </div>