Javascript ref={register}内部<；输入>；正在给我一个path.split错误

嗨，我正试着用React和

ref={register}

内部

<input className="form-control" ref={register} type="text" name="text" id="text" />

有什么建议吗？我正在关注youtube教程：

下面是我的return（）语句上面的代码：

 export const CreateTodo = () => {
        const { register, handleSubmit} = useForm(); 
    
        const onSubmit = handleSubmit((data) => {
            alert(JSON.stringify(data));
        });

return ( ... );
}

---

在react hook form v7.0.0（您正在使用的版本）中，注册输入的方式已更改

从

register

方法不再出现在

ref

中，而是调用函数本身并将道具分散到输入中。函数本身将返回以下属性：

onChange

、

onBlur

、name和

ref

- <input ref={register({ required: true })} name="test" />
+ <input {...register('name', { required: true })} /> 
+ <TextInput {...register('name', { required: true })} />

-
+  
+ 

---

在react hook form v7.0.0（您正在使用的版本）中，注册输入的方式已更改

从

register

方法不再出现在

ref

中，而是调用函数本身并将道具分散到输入中。函数本身将返回以下属性：

onChange

、

onBlur

、name和

ref

- <input ref={register({ required: true })} name="test" />
+ <input {...register('name', { required: true })} /> 
+ <TextInput {...register('name', { required: true })} />

-
+  
+ 

---

你能分享一个复制问题的最小值吗？@ArunKumarMohan好的我分享了一个代码沙盒链接你能分享一个复制问题的最小值吗？@ArunKumarMohan好的我分享了一个代码沙盒链接omg非常感谢Arun@安德鲁：不客气。天哪，非常感谢你，阿伦@安德鲁：不客气。

<input
  className="form-control"
  {...register('text')}
  type="text"
/>