有人能解释一下如何使用Nextjs 13.4 Server action和react hook form吗?

2ic8powd  于 12个月前  发布在  React
关注(0)|答案(2)|浏览(108)

我无法将handleSubmit从react钩子表单传递到action属性。
我可以在没有handleSubmit的情况下执行action函数。但在这种情况下,验证和其他功能不起作用,我从react hook form得到。

3mpgtkmj

3mpgtkmj1#

对我起作用的是一个不明显的皱纹:你的RHF“onSubmit”函数本身可以声明为async。然后,它可以使用“await”来调用服务器操作(根据定义,它们本身是异步的)。

8mmmxcuj

8mmmxcuj2#

async function onSubmit(data: z.infer<typeof formSchema>) {
    const formData = new FormData()
    formData.append('username', data.username)
    await handleSubmit(formData)
}

在这里,handleSubmit是服务器操作,onSubmit是提交处理程序。

相关问题