Read the article

View Source

Groups & Arrays

Nested objects, dynamic arrays with Add/Remove, sortable drag&drop, and nested arrays.

1. Nested Object + Dynamic Array

Address (Nested Object)

Contacts (Dynamic Array)

Form Values

{2 items
"address":{3 items
"city":""
"street":""
"zip":""
}
"contacts":[1 item
0:{...}2 items
]
}

2. Sortable Array (Drag & Drop)

Перетаскивайте элементы за ручку ≡ для изменения порядка.

Form Values

{1 item
"skills":[3 items
0:{...}2 items
1:{...}2 items
2:{...}2 items
]
}

3. Nested Arrays (Course → Modules → Lessons)

Два уровня вложенности: каждый модуль содержит массив уроков.

Lessons:

Form Values

{2 items
"courseName":"React Fundamentals"
"modules":[1 item
0:{...}2 items
]
}