title: Use onSubmit to setState for the multiple inputs?
body: <p>I want to take the data from these two inputs within my form and set one as state.name, and the other as state.option. Is there a way to set them upon using the form submit button rather than using individual onChange handlers to set each of those states? If not, it feels awkward having a submit button that doesn't really do anything.</p>
  
  <pre><code>   onTextChange(name) {
                  this.setState({ name });
                  console.log(this.state.name);
              }
              onOptionChange(option) {
                  this.setState({ realm });
                  console.log(this.state.option);
              }
              onSubmitForm(event) {
                  event.preventDefault();
              }
  
              render() {
              return (
                  &lt;div&gt;
                      &lt;h3&gt;Enter Name:&lt;/h3&gt;
                          &lt;form onSubmit={event =&gt; this.onSubmitForm(event.target.value)}&gt;
                              &lt;input 
                              type="text" 
                              placeholder="Name"
                              value={this.state.name}
                              onChange={event =&gt; this.onTextChange(event.target.value)}
                              /&gt;
                     Select Option:
                          &lt;select onChange = {event =&gt; this.onOptionChange(event.target.value)}&gt;
                                  &lt;option value="1"&gt;Option 1&lt;/option&gt;
                                  &lt;option value="2"&gt;Option 2&lt;/option&gt;
                          &lt;/select&gt;
                          &lt;input type="submit" /&gt;
  &lt;/form&gt;
  </code></pre>