react-redux-firebase不工作的react-hook-form

Question

不确定这是否是bug，但我在这里尝试一下。我正尝试在react-redux-firebase中使用react-hook-form，但我无法使其正常工作。我做了一个简单的例子，使用react-redux-firebase初始化Firebase，然后创建了一个表单组件，如下所示：

import React from "react";
import { useForm } from "react-hook-form";

export default function Form() {
  const [register, submit] = useForm();

  return (
    <>
      <h1>Type in your text</h1>
      <form>
        <input ref={register} type="text" required></input>
      </form>
    </>
  );
}

一旦我在useForm中包含了这一行，页面就会立即崩溃，并显示"TypeError: Invalid attempt to destructure non-iterable instance“。

我该如何解决这个问题呢？完整的示例可以在here中找到

Answer 1

您可能应该再看一遍react-hook-form的文档。看起来你要解构一个对象{}，而不是数组[]。

尝试更改此行：

const [register, submit] = useForm();

至：

const {register, submit} = useForm();