title: React onChange is not updating on input change
body: <p>I am trying to update my state with an onChange on my input. Currently, onChange on triggers when I press enter. How would I go about updating my state without having to press enter?</p>
  
  <pre><code>  onChange(e, key) {
      const re = /^[0-9\b]+$/;
      if (e.target.value === "" || re.test(e.target.value)) {
        this.setState({ [key]: Number(e.target.value) });
      }
    }
  
    inputFigureRow(title, amount, key) {
      return (
        &lt;div style={styles.benchMarkRow}&gt;
          &lt;div style={styles.titleRow}&gt;{title}&lt;/div&gt;
          &lt;input
            key={key}
            style={styles.inputValueLeft}
            value={amount}
            onChange={e =&gt; this.onChange(e, key)}
          /&gt;
          &lt;div style={styles.valueRight}&gt;${amount}&lt;/div&gt;
        &lt;/div&gt;
      );
    }
  
    renderContent() {
      return (
        &lt;div style={styles.root}&gt;
            &lt;div style={styles.benchMarkContainer}&gt;
              {this.titleRow()}
              {this.inputFigureRow(
                "Sales Target",
                this.state.salesBenchMarkTarget,
                "salesBenchMarkTarget"
              )}
        &lt;/div&gt;
      );
    }
  
    render({}, state) {
      return this.renderContent(state);
    }
  </code></pre>