Programmatically submit a Microcosm <Form>

[greypants]

There are times where you might want to submit a form programmatically from an external component, or a special event, like submitting on enter keyDown from a <textarea />, which isn't the default behavior. onSubmit calls event.preventDefault() isn't needed in this case, so we would need to break out a separate submit method, which doesn't rely on the presence of event.

Example:

    <div>
      <Form ref={form => this.form = form} intent="updateMessage">
      </Form>
      <button type="button" onClick={() => this.form.submit()}>Save</button>
    <div>

I tried using refs and doing findDOMNode(this.refs.form).submit(), but the form submits (and refreshes the page) without triggering the internal onSubmit callback, which prevents default 😕