diff --git a/src/content/reference/react-dom/components/form.md b/src/content/reference/react-dom/components/form.md index 1043b13a0de..a12d2078ffd 100644 --- a/src/content/reference/react-dom/components/form.md +++ b/src/content/reference/react-dom/components/form.md @@ -68,7 +68,38 @@ export default function Search() { ); } ``` + + +### Preventing form reset {/*preventing-form-reset*/} + +By default, forms using the `action` prop reset after submission. + +If you want to preserve form state, use controlled inputs with React state. + + + +```js src/App.js +import { useState } from "react"; +export default function Form() { + const [value, setValue] = useState(""); + + async function handleSubmit(formData) { + // handle submission + } + + return ( +
+ setValue(e.target.value)} + /> + +
+ ); +} +```
### Handle form submission with a Server Function {/*handle-form-submission-with-a-server-function*/}