我尝试遵循 svelte 中的 zod 验证教程。我对此没有经验(svelte),所以我想知道如何在简单的 React/next 应用程序中复制此代码功能?我陷入困境({request})将是什么/我将传递给异步函数。
此外,这应该在 useEffect 内部进行还是仅在表单提交时调用?
export const actions = {
default: async ({ request }) => {
const formData = Object.fromEntries(await request.formData());
console.log('Form Data:', formData);
try {
const result = registerSchema.parse(formData);
console.log('SUCCESS');
console.log(result);
} catch (err) {
const { fieldErrors: errors } = err.flatten();
const { password, passwordConfirm, ...rest } = formData;
return {
data: rest,
errors
};
}
};
这里是本教程的存储库:https://github.com/huntabyte/sveltekit-form-validation/blob/main/src/routes/%2Bpage.server.js
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
这就是我所做的:
总的来说,我发现这种方法效果很好,并且易于理解和实施。至于您关于在哪里放置验证代码的问题,我建议在表单提交时调用它,而不是在 useEffect 中调用它。