React Hook Form

📋 Custom React hooks for form validation without the hassle

Channels

Chat

# All channels

Team

Posts

Members

Info

Ivens Joris

·1h# General

useFieldArray with register field values in reset

https://codesandbox.io/embed/practical-bush-2tvdn?file=/src/App.js i am making a update form, and the data is from backend. i have a field with array, but i need the ID to know what update, so i put an register({ name: `field[${index}].id` }) to pick the value from reset that…

Bill

·5h# General

MIA for sometimes

Hi Guys, I am busy working on issues at the moment, so some of the questions will need support from the community. I will be back once those issues on Github gets resolved. Thanks for understanding. I will switch off those notification for now,. Thanks …

keller

·5h# General

Difference between `defaultValuesRef` and `defaultRenderValuesRef`?

What is the difference between defaultValuesRef and defaultRenderValuesRef in useForm.ts?

Aleksey Karpenko

·6h# General

Combining `validationSchema` and `rules` from Controller/register

Hey all! I'm basically using validation schema, as described here: https://react-hook-form.com/advanced-usage#SchemaValidation But now I need to implement rules to use watch() inside, that is not available in schema/yup. Could you please advice me a best approach for that? rules…

Cyril Silverman

·6h# General

Recursive form fields, problems with `useFieldArray`

I have a recursive component structure, where there are <Field> and <ListField> components, where the ListField uses useFieldArray and each list item is made up of multiple <Field> and/or <ListField> components. My forms are generated at runtime, driven by config (ie: form…

Cyril Silverman

·1d# General

Using `watch(name)` seems to cause re-renders when any field is changed.

My form's values look like this: I have Question component which renders a list of SubQuestion components. The Question component uses useFormContext and watch with its question key (eg: watch('question1') to track all subquestion values. I'm tracking all subquestion values…

mgcdanny

·5d# General

Looking for a contractor with experience building forms in React

My company is building a lot of complicated web forms in the finance space and we are looking for someone with deeper expertise in building forms with react. We are currently using react-hook-forms and create-react-app. Respond to this post with a github, linkedin, or portfolio…

Eduardo

·7d# General

Workaround for React-Select and submitFocusError?

I understand React-Select doesn't expose ref. Is there any workaround to make submitFocusError to work with React-Select? Thanks.

Niccolò Belli

·14d# General

Use react-hook-form with react-native-multiple-select?

Is it possible to use it with https://github.com/toystars/react-native-multiple-select ? The ref signature is not compatible and even using Controller I don't know how to map onSelectedItemsChange and selectedItems

Tim Kye

·14d# General

React Hook Form

useFieldArray with register field values in reset

https://codesandbox.io/embed/practical-bush-2tvdn?file=/src/App.js i am making a update form, and the data is from backend. i have a field with array, but i need the ID to know what update, so i put an register({ name: `field[${index}].id` }) to pick the value from reset that…

MIA for sometimes

Hi Guys, I am busy working on issues at the moment, so some of the questions will need support from the community. I will be back once those issues on Github gets resolved. Thanks for understanding. I will switch off those notification for now,. Thanks …

Difference between `defaultValuesRef` and `defaultRenderValuesRef`?

What is the difference between defaultValuesRef and defaultRenderValuesRef in useForm.ts?

Combining `validationSchema` and `rules` from Controller/register

Hey all! I'm basically using validation schema, as described here: https://react-hook-form.com/advanced-usage#SchemaValidation But now I need to implement rules to use watch() inside, that is not available in schema/yup. Could you please advice me a best approach for that? rules…

Recursive form fields, problems with `useFieldArray`

I have a recursive component structure, where there are <Field> and <ListField> components, where the ListField uses useFieldArray and each list item is made up of multiple <Field> and/or <ListField> components. My forms are generated at runtime, driven by config (ie: form…

Using `watch(name)` seems to cause re-renders when any field is changed.

My form's values look like this: I have Question component which renders a list of SubQuestion components. The Question component uses useFormContext and watch with its question key (eg: watch('question1') to track all subquestion values. I'm tracking all subquestion values…

Looking for a contractor with experience building forms in React

My company is building a lot of complicated web forms in the finance space and we are looking for someone with deeper expertise in building forms with react. We are currently using react-hook-forms and create-react-app. Respond to this post with a github, linkedin, or portfolio…

Workaround for React-Select and submitFocusError?

I understand React-Select doesn't expose ref. Is there any workaround to make submitFocusError to work with React-Select? Thanks.

Use react-hook-form with react-native-multiple-select?

Is it possible to use it with https://github.com/toystars/react-native-multiple-select ? The ref signature is not compatible and even using Controller I don't know how to map onSelectedItemsChange and selectedItems

Does using FormContext have performance cost?

If so, is it significant?