Submit a standard HTML form with React input fields

Question

Sometimes I just want to submit a "normal" form, but have the input fields in React (of styling reasons).

But the form doesn't seem to "see" the values of the input fields when submitting.

<form action="comments" method="post">
  <label>
    Name:
    <input
      className={styles.input}
      defaultValue="Bob"
      type="text"
      ref={this.input} />
  </label>
  <input type="submit" value="Submit" />
</form>

Is there a way to accomplish something like the above, i.e. posting a form without having to create an onSubmit event handler that referes to every single field in the form?

Ps. I'm aware that the default React way is to include state, but that increases the boilerplate code even more.

kkesley · Accepted Answer · 2018-08-11 08:10:15Z

2

use name tag in your input

e.g.

<input name="comment" type="text" defaultValue="Bob"/>

answered Aug 11, 2018 at 8:10

kkesley

3,4162 gold badges36 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Submit a standard HTML form with React input fields

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related