React Hook Form

In my example is not exactly like my code but I had to make it easy and sort, the subform shouldn't be aware of the mainForm, they are independent components

3:15pm

the idea of the subform is to add elements to a list that belongs to the main form

3:16pm

when you add it I want that subform to be cleared

3:16pm

I will try with that reset, but I find it weird the second reset clear the first form

Jerome@jeromedeleon

Team

3:17pm

It's not weird. That's how form works

3:17pm

That would be hard in your case. Either you make your main form aware of the value of your sub-form or vice versa

3:23pm

// main aware of sub form
function MainForm() {
  const { register, handleSubmit, getValues. reset } = useForm();
  const handleSubFormSubmit = data => {
    // do you submission here
    // then reset
    const { name } = getValues({ nest: true });
    const subForm = {
      other: "",
    };
    reset({
      name,
      ...subForm
    })
  };
  return (
    <form onSubmit={handleSubmit(console.log)}>
      <input name="name" ref={register} />
      <SubForm onSubmit={handleSubFormSubmit} />
    </form>
  );
}

3:24pm

I don't think the lib has form-scope awareness feature.

Ernesto Navarro@enavarrocu

3:25pm

bad assumption on my side :)

3:30pm

I will have to find a way because I have 30 fields or more in my form

Jerome@jeromedeleon

Team

3:33pm

I just posted an example on how to achieve that :)

Ernesto Navarro@enavarrocu

3:34pm

doing that with 30 fields ...

Jerome@jeromedeleon

Team

3:36pm

30 fields in subForm or in mainForm?

Ernesto Navarro@enavarrocu

3:36pm

mainform

3:37pm

also tried in that way and didn't work

3:37pm

everything get reseted

3:38pm

actually look like the library is form-scope aware because the getValue of the subform only returns the values of the subform and not the ones from the mainform

3:43pm

@jerome

thank anyway, I set the values to undefined in the subform which is only 6 fields

3:44pm

for me was weird that getValues and triggerValidatin was form-scope but no the reset

Jerome@jeromedeleon

Team

3:46pm

We can continue our discussion here