make form just simple

components/reason.js

@@ -4,7 +4,7 @@ import { WizardContext, ACTIONS } from '../context/wizardStore'
 import Form from 'react-bootstrap/Form'
 
 export default function Contact() {
-  const { state } = useContext(WizardContext)
+  const { state, onChangeEvent } = useContext(WizardContext)
 
   const { purpose, destination, org } = state.formData
 
@@ -14,22 +14,30 @@ export default function Contact() {
         <Form.Label>Zweck der Fahrt</Form.Label>
         <Form.Control
           type="text"
-          id="purpose"
+          name="purpose"
           placeholder="Zweck der Fahrt"
           value={purpose}
+          onChange={onChangeEvent}
         />
       </Form.Group>
       <Form.Group>
         <Form.Label>Verein</Form.Label>
-        <Form.Control type="text" id="org" placeholder="Verein" value={org} />
+        <Form.Control
+          type="text"
+          name="org"
+          placeholder="Verein"
+          value={org}
+          onChange={onChangeEvent}
+        />
       </Form.Group>
       <Form.Group>
         <Form.Label>Ziel der Fahrt</Form.Label>
         <Form.Control
           type="text"
-          id="destination"
+          name="destination"
           placeholder="Fahrtziel"
           value={destination}
+          onChange={onChangeEvent}
         />
       </Form.Group>
     </>