A basic form in React

index.jsx

import React, { Component } from 'react'

class Form extends Component {
 constructor(props) {
   super(props)
   
   this.onSubmit = this.onSubmit.bind(this)
   this.onChange = this.onChange.bind(this)
   
   this.state = {}
 }
  
 onSubmit(e) {
  e.preventDefault()
   
  console.log(this.state)
 }
  
 onChange(e) {
  const { name, value } = e.target
  
  this.setState(() => ({ [name]: value }))
 }
  
 render() {
   return (
    <form onSubmit={this.onSubmit}>
       <input type="text" name="title" onChange={this.onChange} />
      <input type="submit" value="Submit Form" />   
    </form>
   )
 }
}