Как проверить форму на стороне клиента в React Router v7 ⇐ Javascript

[Anonymous]

Я следую учебному пособию по проверке формы в React Router. Но нет проверки формы на стороне клиента.
Я пытаюсь использовать clientAction () для проверки на стороне клиента.

Код: Выделить всё

export async function clientAction({ request }: Route.ClientActionArgs) {
const formData = await request.formData();
const formValues = {
name: formData.get('name')
};
const validate = formSchema.safeParse(formValues);

if (!validate.success) {
return { errors: z.flattenError(validate.error) };
}

// { success: true, data: ... }
// return ???
}

// server-side action()
export async function action({ request }: Route.ActionArgs) {
const formData = await request.formData();
const formValues = {
name: formData.get('name'),
};
const validate = formSchema.safeParse(formValues);

if (!validate.success) {
return { errors: z.flattenError(validate.error) };
}
await db.insert(table).values(formValues);
return redirect(href('/home'));
}

Затем, как выполнить action () после ClientAction () для проверки на стороне сервера? Что мне вернуть?


Подробнее здесь: https://stackoverflow.com/questions/796 ... -router-v7