如何解决 TypeError: path.split is not a function

Posted 2023-02-19

【中文标题】如何解决 TypeError: path.split is not a function

【英文标题】：How can I solve TypeError: path.split is not a function

【发布时间】：2021-07-02 08:39:57

【问题描述】：

现在我使用react-hook-form 进行登录验证。

但是，TypeError: path.split is not a function 错误继续发生时 ref=register 在输入标签中输入。

import React from 'react';
import useForm from "react-hook-form";
import './Auth.css';

export default function Register() 

    const register, errors, watch = useForm();

    return (
        <div>
            <form>
                <label>Email</label>
                <input type="email" name="email" ref=register( required: true) />
                <label>Password</label>
                <input type="password" />
                <label>Password Confirm</label>
                <input type="password"/>
                <input type="submit" />
            </form>
        </div>
    );

即使我复制粘贴示例代码，也会出现同样的错误，请问如何解决？

错误代码如下。

【参考方案1】：

我认为您正在使用带有 v6 语法的 React Hook Form v7，这就是您收到该错误的原因。

这是一个类似的问题：https://github.com/react-hook-form/react-hook-form/issues/4595

对于 v7，您必须像这样使用 register：

<input type="email" ...register('email',  required: true ) />

或者在此处安装 v6，文档：https://react-hook-form.com/v6/api#register

【参考方案2】：

试试这个：

<input placeholder="To" type="email" ...register('email',  required: true ) />