Nested Array

Nested Array membuat daftar di dalam daftar. Setiap company pada contoh ini memiliki daftar kontak sendiri.

Penggunaan

Gunakan form dari useForm. Lihat persiapan awal.

const schema = z.object({
  companies: z.array(z.object({
    name: z.string(),
    contacts: z.array(z.object({ phone: z.string() })),
  })),
});

<ErlForm
  form={form}
  schema={schema}
  fieldConfig={{
    companies: {
      name: { label: "Perusahaan" },
      contacts: { phone: { label: "Telepon" } },
    },
  }}
/>

Bentuk defaultValues mengikuti schema, sampai ke array contacts. Nilai seperti companies[0].contacts[0].phone dikelola oleh TanStack Form. Konfigurasi field bersarang pada versi saat ini memakai nama field (contacts), bukan path lengkap.