Proxy object in nested array

[nula1337]

Proxy object in nested array

[ciscoheat]

Hello, since you're using Formsnap, I'm not exactly sure how to handle this. You should have dataType: 'json' enabled at least, since it's about nested data. If you can't figure it out, try asking in the Formsnap discord: https://discord.com/channels/1025195801095458887/1148992561130786888

[nula1337]

Hello, thanks for the asnwer, I asked the same question in the formsnap discord, no answer yet. But I do have dataType: 'json' set.

I found that if I set the dateProxy manually like this: const workDoneDateProxy = dateProxy(form, 'workDone[0].date', { format: 'date', empty: 'null' }); it does work for the first item of the input array. So the question for me probably is how to set the dateProxy dynamically for the array items.

Any ideas how to do that? Thank you.

[ciscoheat]

You could make a reactive statement that creates the proxies, and use them in the each loop.

[nula1337]

Would you mind showing me a quick example of how to do that? Thank you so much ♥

[ciscoheat]

It's not a quick example (nested data, array in component, proxy), but here you are: https://www.sveltelab.dev/ifdh4vfvtdp38rl?files=.%2Fsrc%2Froutes%2F%2Bpage.svelte%2C.%2Fsrc%2Froutes%2FDateInput.svelte%2C.%2Fsrc%2Froutes%2F%2Bpage.server.ts

[nula1337]

Thank you so much, works great, haven't thought about using the index as prop for a dateProxy component.