Umgang mit dynamischen Formen in Astro
Posted: 01 May 2025, 00:58
Ich habe ein Formular erhalten, das eine erweiterbare Reihe von Elementen enthält: < /p>
Ich muss die Namen hier noch analysieren, um das gewünschte Ergebnis zu erhalten.>
Code: Select all
// or ingredient[0][name]
// neither works
< /code>
und eine Aktion behandelt das Formular: < /p>
export const server = {
addRecipe: defineAction({
accept: 'form',
input: z.object({
title: z.string().max(100),
// ...
ingredient: z.array(
z.object({
name: z.string(),
count: z.string(),
}),
)
}),
handler: async (input) => {
console.log(input);
< /code>
Die Eingabe protokolliert zu jeder Zeit ein leeres Array: < /p>
{
title: '123',
...
ingredient: []
}
< /code>
Ich bin hin und her gegangen und habe verschiedene Dinge ausprobiert, aber ich konnte es nicht mit der Standardverarbeitung mit integriertem ZOD zum Laufen bringen. Ich weiß, dass ich nur FormData bekommen kann, wenn ich das Feld "Eingabe" weglässt, die Eingänge, die Eingänge jedoch nicht verarbeitet werden: < /p>
{ name: 'ingredient[0][name]', value: '123' },
{ name: 'ingredient[0][count]', value: '123' },