DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
33 lines
No EOL
1.4 KiB
Text
33 lines
No EOL
1.4 KiB
Text
import type { FieldValues, UseFormStateProps, UseFormStateReturn } from './types';
|
|
/**
|
|
* This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
|
|
*
|
|
* @remarks
|
|
* [API](https://react-hook-form.com/docs/useformstate) • [Demo](https://codesandbox.io/s/useformstate-75xly)
|
|
*
|
|
* @param props - include options on specify fields to subscribe. {@link UseFormStateReturn}
|
|
*
|
|
* @example
|
|
* ```tsx
|
|
* function App() {
|
|
* const { register, handleSubmit, control } = useForm({
|
|
* defaultValues: {
|
|
* firstName: "firstName"
|
|
* }});
|
|
* const { dirtyFields } = useFormState({
|
|
* control
|
|
* });
|
|
* const onSubmit = (data) => console.log(data);
|
|
*
|
|
* return (
|
|
* <form onSubmit={handleSubmit(onSubmit)}>
|
|
* <input {...register("firstName")} placeholder="First Name" />
|
|
* {dirtyFields.firstName && <p>Field is dirty.</p>}
|
|
* <input type="submit" />
|
|
* </form>
|
|
* );
|
|
* }
|
|
* ```
|
|
*/
|
|
export declare function useFormState<TFieldValues extends FieldValues = FieldValues, TTransformedValues = TFieldValues>(props?: UseFormStateProps<TFieldValues, TTransformedValues>): UseFormStateReturn<TFieldValues>;
|
|
//# sourceMappingURL=useFormState.d.ts.map |