How to check if a field is validated

[yordis]

Is your feature request related to a problem? Please describe.
#2633

Describe the solution you'd like
#2633

Describe alternatives you've considered

Copy-paste the code:

export function isFieldValid<T extends FieldValues>(field: keyof T, form?: UseFormMethods<T>) {
  return form.formState?.dirtyFields[field] && !form.formState?.errors[field];
}

Example usage:

import { useFormContext } from 'react-hook-form';
import { isFieldValid } from '@/helpers/react-hook-form';

export function EmailInput() {
  const form = useFormContext();
  const isValid = isFieldValid('email', form);
  return (
    <div>
       ...
    </div>
  );
}

[bluebill1049]

Thanks 👍 will keep an eye on this and pinged to the board.

[bluebill1049]

related #3434

[yordis]

@bluebill1049 wouldn't be better to keep the issue open? Where do I suppose to subscribe to changes related to this?

[bluebill1049]

I keep a list of all feature requests open here: #1981 issues are for tracking actual issues. you can view them there: https://github.com/react-hook-form/react-hook-form/projects/1

[yordis]

Personally, I don't think that most people will understand the way you manage issues, also, I don't the way to upvote, I am a bit confused about what I suppose to do thou.

I would recommend leveraging Projects and Issues at the same time because it is hard to follow the project management done this way.

That being said, it is your project, and I am grateful for your amazing work regardless of how you are handling the at the moment.

[bluebill1049]

Thanks, @yordis for your feedback and understanding. I do ping the feature request at the issues board.

Honestly, I am one man who tries to maintain the project here, so this way works for me over the year, so I can focus on the issues and keep away those features in separate sections instead of issues. Hope you understand 🙏

[bluebill1049]

proposal:

<Controller 
  render={(props, { isDirty, isValid, error, isTouched } ) => {
    console.log(state)
  }}
/>

[yordis]

LETS GOOO

[iduuck]

Would love to get this done in an PR. However, I am not sure if this is already being implemented, since it is on “In Progress”.

Also the proposed API is not working for me, since “state” is not defined?

[bluebill1049]

@iduuck it's in RFC: #3487