simpleForm.jsx

import React from 'react'

export default SimpleForm () {
  const [value, setValue] = React.useState('')
  
  const handleSubmit = e => {
    e.preventDefault()
    console.log(value)
  }
  
  const handleChange = e => {
    setValue(e.target.value)
  }
  
  return (
    <form onSubmit={handleSubmit}>
      <input onChange={handleChange} type="text" value={value} />
      // Did you know that the default type of a button is "submit" and that you don't need
      // to add an onClick handler to this type for the form to submit. Bonus, you get
      // keyboard access, too. Hitting enter will submit the form.
      <button type="submit">Submit</button>
    </form>
  )
}