反应表单钩子 - FormProvider 不工作

Question

我正在尝试使用“FormProvider”将表单连接到子组件输入。 我从 React-Form-Hook Docs 创建了完全相同的示例，当尝试提交表单时，它无法识别子组件输入。我在这里缺少什么？

这是我的代码：Sample Code

Answer 1

在使用 FormProvider 的父组件中执行此操作

const methods = useForm();
<form onSubmit={methods.handleSubmit(onSubmit)}>

在 InnerInput(Child) 内

const {register} = useFormContext