Submit form in ReactJS using BUTTON element

Question

Some words about my situation: I'm building the form using ReactJS and if it has <input type="submit"> element it works fine: forms submits by pressing enter in input[type="text"] and by pressing submit element (And there are also working checkings by ReactJS when form is not submitted if nothing has changed).

But if I replace input[type="submit"] with <button>ButtonLabel</button> i try to use 2 ways:

1. Get form DOMNode element and call .submit() method which is not ok because it doesn't use internal ReactJS logic

2. Pass params to button like <button type="submit" form="form-id"> but it still doesn't use ReactJS checkings (i don't want to submit the form if nothing has changed)

So I would really appreciate if someone will suggest me how to submit the form in ReactJS correctly using BUTTON element.

Thanks!

Answer 1

The button element should work exactly as you expect providing the type is set to a submit button and the form has an onsubmit handler.

<form ref="form" onSubmit={this.handleSubmit}>
    <button type="submit">Do the thing</button>
</form>