Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何使用react hook form和useContext以多步骤形式存储值?_Reactjs_Typescript_Forms - Fatal编程技术网

Reactjs 如何使用react hook form和useContext以多步骤形式存储值?

Reactjs 如何使用react hook form和useContext以多步骤形式存储值?,reactjs,typescript,forms,Reactjs,Typescript,Forms,我以前也试过在网上找到类似的案例,但这里似乎不存在。我想使用react-hook表单和上下文制作多步骤表单。在上下文中,我存储来自输入的值。我不知道我做错了什么,但最后我的商店没有包含数据。单击“提交”按钮时,我可以看到值已更新,但无效 这是我的当前代码 UI现在看起来不太好,但表单的行为实际上是我所期望的 请提供任何帮助和解释 这是你想要的吗@是的,这正是我所期望的。谢谢你。我以不同的方式想象了解决方案,这就是为什么我无法处理它。没有问题。。您需要处理输入框中的更改,然后您可以将值存储到各自的

我以前也试过在网上找到类似的案例,但这里似乎不存在。我想使用react-hook表单和上下文制作多步骤表单。在上下文中,我存储来自输入的值。我不知道我做错了什么,但最后我的商店没有包含数据。单击“提交”按钮时,我可以看到值已更新,但无效

这是我的当前代码

UI现在看起来不太好,但表单的行为实际上是我所期望的


请提供任何帮助和解释

这是你想要的吗@是的,这正是我所期望的。谢谢你。我以不同的方式想象了解决方案,这就是为什么我无法处理它。没有问题。。您需要处理输入框中的更改,然后您可以将值存储到各自的状态,因此将条件移动到submit to
InInputChange
处理程序函数将解决您的问题。这是您想要的吗@是的,这正是我所期望的。谢谢你。我以不同的方式想象了解决方案,这就是为什么我无法处理它。没有问题。。您需要处理输入框中的更改,然后您可以将值存储到相应的状态,因此将条件移动到submit to
InInputChange
处理程序函数中可以解决您的问题。