Skip to content

react-hook-form 7.13.0

[7.13.0] - 2021-08-22

Added

Trigger

  • Trigger will enable object name trigger and field array name trigger
useFieldArray({ name: 'test' });

trigger('name'); // will trigger the whole field array to validate

register

  • added a disabled prop as an option to toggle input disable attribute
  • register will be able to seek input DOM reference through the ref callback
register('test', { disabled: true }) // will set value to undefined and pass disabled down to the input attribute

<div {...register('test')}>
  <input name="test" /> // this input will be registered
</div>

useWatch

  • added disabled prop to toggle the state subscription.
useWatch({ disabled: true }); // you toggle the subscription

useFormState

  • added disabled prop to toggle the state subscription.
useFormState({ disabled: true }); // you toggle the subscription

setValue

  • allow set value for non-registered inputs include nested object and array field.
<input {...register('test.0.firstName')} />

setValue('test', [{ firstName: 'bill' }, {firstName: 'kotaro}, {firstName: 'joris'}]) // this will works