JSFiddle - React, Tailwind, and code Playground

by Yomi Eluwande

Babel + JSX

class Form extends React.Component {
  handleSubmit (event) {
      console.log('Form value: ' + this.state.inputvalue);
      event.preventDefault();
  }
  
  handleChange (event) {
      this.setState({
          inputvalue: event.target.value
      })
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit.bind(this)}>
              <label>Name</label>
              <input type="text" value={this.state.inputvalue} onChange={this.handleChange.bind(this)}/>
              <input type="submit" value="Submit"/>
      </form>
    );
  }
}