ErlangFormDocs v1.0.0
Data terstruktur

Object Field

Membuat field bersarang dari object schema.

Object Field membaca property di dalam z.object() secara rekursif. Bentuk defaultValues mengikuti struktur object pada schema. Metadata yang dihasilkan infer adalah object.

Penggunaan

Gunakan form dari useForm. Lihat persiapan awal.

example.tsx
const schema = z.object({
  profile: z.object({ firstName: z.string(), lastName: z.string() }),
});

<ErlForm
  form={form}
  schema={schema}
  fieldConfig={{
    profile: {
      firstName: { label: "Nama depan" },
      lastName: { label: "Nama belakang" },
    },
  }}
/>

Nilai hasil form tetap bersarang, misalnya value.profile.firstName dan value.profile.lastName.

Konfigurasi child terisolasi

fieldConfig={{
  profile: {
    firstName: { label: "Nama depan", layout: { md: 6 } },
    lastName: { label: "Nama belakang", layout: { md: 6 } },
  },
}}

Letakkan child langsung pada induknya. Dengan pola ini, field name pada object profile dan company dapat memiliki konfigurasi berbeda. Callback child menerima object induk langsung. Label/placeholder adalah opsi input tunggal, bukan opsi object; gunakan section root untuk judul kelompok atau container component untuk tampilan khusus.

Di halaman ini