create

gistfile1.txt

import './App.css'

import { useForm } from 'react-hook-form'
import axios from 'axios'
import { useEffect, useState } from 'react'
function App () {
  const { register, handleSubmit } = useForm()
  const [postData, setPostData] = useState(null)

  useEffect(() => {
    const miFunc = async () => {
      const respuesta = await axios({
        method: 'POST',
        url: 'https://prof-quotes.herokuapp.com/api/quotes/',
        data: postData
      })

      console.log(respuesta)
    }

    if (postData) {
      miFunc()
    }
  }, [postData])

  const onSubmit = values => {
    setPostData(values)
  }

  return (
    <div className='App'>
      <header className='App-header'>
        <form onSubmit={handleSubmit(onSubmit)}>
          <div>
            <label>
              Cita:
              <input
                {...register('quote', {
                  required: true
                })}
              />
            </label>
          </div>

          <div>
            <label>
              Clase:
              <select {...register('class', { required: true })}>
                <option value=''>Selecciona la clase</option>
                <option value='class 1'> Clase 1 </option>
              </select>
            </label>
          </div>

          <button>Crear</button>
        </form>
      </header>
    </div>
  )
}

export default App