Friday, 14 January 2022

How to reset other values when one is introduced in React with react-hook-form

Having this validation schema:

const schema = yup.object().shape({
  second: yup.number(),
  minute: yup.number(),
  triggerName: yup.string().required()
});
  • triggerName should be required but when I write something for minute input, the second input should reset and vice versa.

    const { handleSubmit, register, reset } = useForm({ resolver: yupResolver(schema) });

...

<Input inputId='second' type='number' {...register('second')} />
<Input inputId='minute' type='number' {...register('minute')} />
<Input inputId='trigger-name' label='triggerName' {...register('triggerName')} />

Tried to do something like the following but it throws errors:

<Input inputId='second' type='number' {...reset(), register('second')} />


from How to reset other values when one is introduced in React with react-hook-form

No comments:

Post a Comment