react-hook-form 與 react-redux-firebase 不起作用

Question

不確定這是否是一個錯誤，但我在這里嘗試。 我正在嘗試將react-hook-form與react-redux-firebase ，但我無法讓它工作。 我做了一個簡單的例子，它使用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 useForm to destructure non-iterable instance”。

我該如何解決這個問題？ 完整的例子可以在這里找到：

Answer 1

您可能應該再次查看react-hook-form的文檔。 看起來你會解構一個對象{} ，而不是數組[] 。

嘗試更改此行：

const [register, submit] = useForm();

到：

const {register, submit} = useForm();