React Hook в обработчике событий не является функцией Error? - PullRequest
Новая
       31

React Hook в обработчике событий не является функцией Error?

0 голосов
/ 03 апреля 2020

Я использую реагирующую форму (RHF) для создания формы. «onSubmit» Я хочу запустить функцию «searchOrig», которая устанавливает состояние «сегмент» через «setSegment». (Поэтому в основном я хочу установить состояние с помощью метода useState в обработчике событий, который используется RHF) 

import React, { useState } from "react"
import { useForm } from "react-hook-form"

    const SegmentForm = () => {
      const { register, handleSubmit } = useForm()
      const { segment, setSegment } = useState(null)
      const searchOrig = data => {
        console.log(data)
        setSegment("ORIGIN")
      }

      return (
        <>
          <form onSubmit={handleSubmit(searchOrig)}>
            <input name="origin" placeholder="Origin" ref={register} />
            <input type="submit" />
          </form>
        </>
      )
    }

    export default SegmentForm

К сожалению, я получаю эту ошибку при отправке:

enter image description here

Кто-нибудь знает, почему возникает эта ошибка и как ее исправить? Или другой способ решить эту проблему?

Заранее спасибо!

...