Manually submit form outside of <Form> component

[TimMikeladze]

It would be useful to call the submit and validate methods of a form while in a different component outside of the

parent. Consider the scenario when you want to have your submit form button reside in a different component hierarchy then the form.

Maybe it's already possible to do this?

Please let me know what you think, thanks.

[tannerlinsley]

The easiest way to do this is to use a ref:

<ReactForm ref={el => this.form = el}>

// Somewhere else in the parent component
this.form.submitForm()

Does that work for you?

[TimMikeladze]

Thank you for the response!

[z-vr]

Thanks, wouldn't know what to do otherwise (partly because I've never used ref property in React). @tannerlinsley I think it would be worth adding to the documentation.

[tannerlinsley]

Yeah I plan on it

…

On Fri, May 5, 2017 at 8:39 AM Anton ***@***.***> wrote: Thanks, wouldn't know what to do otherwise. @tannerlinsley <https://github.com/tannerlinsley> I think it would be worth adding to the documentation. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#42 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFUmCfXWgcwDRL9BUideqfzJksS_jDKhks5r2zSWgaJpZM4MMy6c> .

[z-vr]

@tannerlinsley this has stopped working in v2, submitForm is not a function which I can access after creating a ref to the form, but getApi should be used instead.