mannieschumpert · April 6, 2019 01:23 · Apr 6, 2019
diff --git a/Form.jsx b/Form.jsx
@@ -0,0 +1,30 @@
+import React, { createContext, useState } from 'react';
+
+export const FormContext = createContext();
+
+const Form = ({ handleSubmit, children, submitButtonText }) => {
+  const [values, setValues] = useState({});
+
+  const setValue = ({ name, value }) => {
+    setValues(values => ({
+      ...values,
+      [name]: value,
+    }));
+  };
+
+  return (
+    <FormContext.Provider value={{ values, setValue }}>
+      <form
+        onSubmit={e => {
+          e.preventDefault();
+          handleSubmit(values);
+        }}
+      >
+        {children}
+        <button type="submit">{submitButtonText}</button>
+      </form>
+    </FormContext.Provider>
+  );
+};
+
+export default Form;