react-hook-form工作得很好.问题是当我想在输入字段上附加onBlur回调时.onFocus工作正常,但是当我将焦点放在其他输入字段或其他任何地方时,onBlur事件不会被触发.
当我从Reaction-Hook-Form中删除注册功能时,onBlur工作得很好,但当我从Reaction-Hook-Form中使用注册时不会触发.
...
"Reaction-Hook-Form":"^7.41.1",
"REPACT":"^18.2.0"
...
下面是表单中的第一个组件
< div className="pb-5">
< label
className="block text-sm font-medium mb-1"
htmlFor="name">
Name <span className="text-rose-500">*</span>
< /label>
<input
id="name"
className="form-input w-full ml-2 "
type="text"
defaultValue={projectState.project.app.name ?? '-'}
name="name"
onFocus={() => {
console.log('got focus')
}}
onBlur={(event) => {
console.log('lost focus')
}}
{...register('name', {
required: {value: true, message: "Name is required"},
},
)}
/>
{errors.name && <p className={`ml-2 mt-1 text-red-600`}>
<span>{errors.name.message}</span>
</p>}
</div>
我try 将回调附加到onBlur事件.当不使用react 挂钩形式时,该事件被激发. 当我使用REACT-HOOK-FORM时,onBlur事件没有被激发,只有onFocus被激发