Form action prop
The action prop specifies the URL to submit the form data to. If undefined, it defaults to the closest route in context.
React Router · API · all subjects
form/props
12 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.
Form discover prop
The discover prop defines form lazy route discovery behavior. It has two values: 'render' (default), which discovers the route when the form renders, and 'none', which does not eagerly discover and only discovers if the form is submitted.
Form encType prop
The encType prop specifies the encoding type to use for the form submission. Supported values are 'application/x-www-form-urlencoded' (default), 'multipart/form-data', and 'text/plain'.
Form fetcherKey prop
The fetcherKey prop indicates a specific fetcher key to use when using navigate={false}, allowing you to pick up the fetcher's state in a different component via useFetcher.
Form method prop
The method prop specifies the HTTP verb to use when the form is submitted. Supported values are 'delete', 'get', 'patch', 'post', and 'put'. Native HTML form only supports 'get' and 'post'; avoid the other verbs if progressive enhancement support is desired.
Form navigate prop
When navigate is set to false, the form submission skips navigation and submits via a fetcher internally. This is essentially a shorthand for useFetcher + fetcher.Form where the resulting data is not needed in the component.
Form preventScrollReset prop
The preventScrollReset prop prevents the scroll position from resetting to the top of the viewport on completion of the navigation when using the ScrollRestoration component.
Form relative prop
The relative prop determines whether the form action is relative to the route hierarchy or the pathname. Use this to opt out of navigating the route hierarchy and instead route based on slash-delimited URL segments. See RelativeRoutingType for details.
Form reloadDocument prop
The reloadDocument prop forces a full document navigation instead of client side routing and data fetch when set to true.
Form replace prop
The replace prop replaces the current entry in the browser History stack when the form navigates. Use this if you don't want the user to be able to click 'back' to the page with the form on it.
Form state prop
The state prop is a state object to add to the History stack entry for this navigation.
Form viewTransition prop
The viewTransition prop enables a View Transition API for this navigation. To apply specific styles during the transition, use useViewTransitionState.