TypeError：Object（…）不是函数（react.js）

Question

我在react中观看crud全堆栈教程时，浏览器上出现了这个错误

todoform.js

import React, { useForm, useHistory, useEffect, setTodo } from 'react';

export const TodoForm = ({ todo, onSubmit }) => {
    const {register, handleSubmit} = useForm({ defaultValues: { text: todo ? todo.text : ""} });
    const history = useHistory()

    useEffect(() => {
        setTodo({
            text: "foo"
        })
    }, [])

    const submitHandler = handleSubmit((data) => {
        onSubmit(data)
        history.push("/");
    })
    return (
                <form onSubmit={submitHandler}>
                    <div className="form-group">
                        <label htmlFor="text">Text:</label>
                        <input className="form-control" ref={register} type="text" name="text" id="text">
                        </input>
                    </div>
                    <div className="form-group">
                        <button className="btn btn-primary">
                            CreateTodo
                        </button>
                    </div>
                </form>
        );
}

createTodo.js

import React from 'react';
import { TodoForm } from './TodoForm'

export const CreateTodo = () => {

    const onSubmit = (data) => {
        alert(JSON.stringify(data))
    }
    return (
    <div className="container" >
        <div className="mt-3">
            <h3>Create Todo Item</h3>
            <TodoForm onSubmit={onSubmit} />
        </div>
    </div>
    );
};

Answer 1

useForm似乎不属于“React”，最接近的是“React-Hook-Form”，可能你应该安装那个模块并从它导入，而不是“React”。