Working with Form Values of Different Structures

When we specify the initialValues for our form, we make use of key-value pairs where each key represents a field in the form and the value represents the value of the corresponding field.

This satisfies most of our form’s needs, but sometimes, the API endpoint we intend to send our form’s data to requires that values is structured in a different way. Other times, the logic of our form will prefer a more dynamic structure of our form values.

Formik gives us a lot of flexibility with the way we structure the initialValues of our form. We’ll see two ways through which we can attain this much-needed flexibility.