Я использую реагирующую форму (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
К сожалению, я получаю эту ошибку при отправке:
Кто-нибудь знает, почему возникает эта ошибка и как ее исправить? Или другой способ решить эту проблему?
Заранее спасибо!