React 表单挂钩 - 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

React form hook - FormProvider not working