Umgang mit dynamischen Formen in Astro

Post a reply

Smilies
:) :( :oops: :chelo: :roll: :wink: :muza: :sorry: :angel: :read: *x) :clever:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: Umgang mit dynamischen Formen in Astro

by Anonymous » 30 Apr 2025, 22:36

Ich habe ein Formular erhalten, das eine erweiterbare Reihe von Elementen enthält: < /p>

Code: Select all

 // or ingredient[0][name]
     // neither works
< /code>
und die 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' },
Ich muss die Namen hier noch analysieren, um das gewünschte Ergebnis zu erhalten.>

Top