Skip to content

Iterate

Description

Iterate is components and functionality for traversing values and parts of data sets such as arrays, which contain a varying number of elements where the number of components on the screen depends on how many elements the data consists of.

Components

Array

Iterate.Array works in many ways similar to field-components. It has a value-prop that can receive an array or you can give it a path if you want it to retrieve an array from a surrounding DataContext. All children components of Iterate.Array are rendered once per element the array-value consists of.

ArrayPushButton

Iterate.ArrayPushButton builds on top of the same data flow logic as field components, but the only thing it changes in the value it receives or retrieves from source data is adding a new element to the array.

ArrayRemoveElementButton

Iterate.ArrayRemoveElementButton connects to the array of a surrounding Iterate.Array and removes the element when clicked.