React - Handling form with onChange attribute

Question

class TestFormComponent extends React.Component {
  constructor(props) {
    super(props)
    this.state = { hobby: '' }
  }

  handleChange(event) {}

  render() {
    return (
      <form>
        Username:
        <input
          type="text"
          value={this.state.hobby}
          onChange={this.handleChange}
        />
      </form>
    )
  }
}

export default TestFormComponent;

 

Answer 1

import React from 'react';

class EmailComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: '' };
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(event) {
    this.setState({ value: event.target.value });
  }

  render() {
    return (
      <div id="nlsignup">
            <input type="email" name="EMAIL" className="email" id="mce-EMAIL" placeholder="email address" onChange={this.handleChange} value={this.state.value} required />
      </div>
    );
  }
}
export default EmailComponent;