Recommended pattern for calling e.preventDefault()

I had/have this problem where when I submit a form like, this

<form onSubmit={{validateAll(this.onSubmit)}}>
  <input type="submit" value="Submit" />
</form>

The validation errors would flash and then the page would “redirect” from /submit to /submit?, clearing the state. Once on /submit?, the form validation works as you would expect, and does not submit until the form is valid. I don’t really understand why but I don’t think this is related to revalidation.

One thing I did notice is that none of the examples use form - they use a div and a custom button.onClick handler. Just curious about what the suggested pattern for calling e.preventDefault() is. I personally prefer to use a form as I find it to be a bit more semmantically correct.

[bookercodes]

Yeah, and we want it to stay in userland, ye? It makes a lot of sense

[busypeoples]

Excellent!