docs(quick-start): add <form> tag to quick start example (#467)

TanStack · Oct 17, 2023 · 119ce68 · 119ce68
1 parent 0159e61
commit 119ce68
Showing 1 changed file with 22 additions and 14 deletions.
diff --git a/docs/framework/react/quick-start.md b/docs/framework/react/quick-start.md
@@ -25,20 +25,28 @@ export default function App() {
   return (
     <div>
       <form.Provider>
-        <div>
-          <form.Field
-            name="fullName"
-            children={(field) => (
-              <input
-                name={field.name}
-                value={field.state.value}
-                onBlur={field.handleBlur}
-                onChange={(e) => field.handleChange(e.target.value)}
-              />
-            )}
-          />
-        </div>
-        <button type="submit">Submit</button>
+        <form
+          onSubmit={(e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            void form.handleSubmit();
+          }}
+        >
+          <div>
+            <form.Field
+              name="fullName"
+              children={(field) => (
+                <input
+                  name={field.name}
+                  value={field.state.value}
+                  onBlur={field.handleBlur}
+                  onChange={(e) => field.handleChange(e.target.value)}
+                />
+              )}
+            />
+          </div>
+          <button type="submit">Submit</button>
+        </form>
       </form.Provider>
     </div>
   )