Signup ( A class component)

signup.js

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

  render() {
    return (
      <Dialog title="Signup now"
              message="Get superpowers for free.">
        <input value={this.state.username}
               onChange={this.handleChange} />

        <button onClick={this.handleSignUp}>
          Sign Me Up!
        </button>
      </Dialog>
    );
  }
  
  handleChange(e) {
    this.setState({username: e.target.value});
  }

  handleSignUp() {
    alert(`Welcome aboard, ${this.state.username}!`);
  }
}