Validation not working with parent component and child component

[kevinkli916]

Hello,

I am having trouble getting validation to work when the parent component contains the

wrapping the child component containing all other RHF logic.

Here is a codesandbox link

Any help is appreciated.

[bluebill1049]

please explain your question a bit clearer and also what's the steps to reproduce the problem. comments inside codesandbox don't really help much.

[kevinkli916]

Is there a way to do it without passing methods into the child component? I ask because in my case, the form wraps the routing that is rendering components. Each of the components have different inputs on them.

Ex:

<form>
    (mapping logic that renders components depending on conditions)
</form

[bluebill1049]

https://react-hook-form.com/api#useFormContext

[kevinkli916]

Thanks again for the quick replies. I'll take a look at this tomorrow and see if this will solve my problem.

[bluebill1049]

make sure you understand that you should only have one hook per form, not multiple hooks.

[kevinkli916]

Thanks for the help. FormContext did the trick for me.

[vairadurai007]

I have used the controller to the parent component to wrap the child component, the child component validation is not working, only initial validation is done. how to validate the form from parent to child component