FieldArray

React Final Form Array is exported via Data Driven Forms.

import FieldArray from '@data-driven-forms/react-form-renderer/field-array';

Dynamic fields allow you to add or remove field inputs in your forms. In Data Driven Forms, Field Array is used to provide this functionality. Simillarly to FieldProvider Data driven forms include React Final Form Arrays. Please visit their documentation to learn more about the functionality and implementation.

You have to just import FieldArray from Data Driven Forms.

import FieldArray from '@data-driven-forms/react-form-renderer/field-array';

FieldArray supports final form notation.

Prefix is made by name of the FIELD-ARRAY component.

Nested components can have custom names, then the values are saved as an array of objects:

{
    fieldArrayName: [
        {
            nestedName: 'VALUE 1'
        },
                {
            nestedName: 'VALUE 2'
        },
        ...
    ]
}

You don't need to name the nested components, then the values are saved as an array of values:

{
    fieldArrayName: [
        'VALUE 1',
        'VALUE 2',
        ...
    ]
}

You can use user a few provided validators (you can also use your own.)

MIN_ITEMS_VALIDATOR: ({threshold})
MAX_LENGTH: ({threshold})
EXACT_LENGTH: ({threshold})

All DDF mappers contain its own implementation field array