wmposa.blogg.se

The array group variant will only work if you do the optional patch-package step

Note that you need as many Field components as there are unique names. Just covering enough to show how it works with Cactus components.Ĭreating a form is simple: import We won’t be getting into all the arguments and subtleties since those are well-covered in the documentation, Once the form is created, there are a variety of hooks and components that can be used to implement the functionality.

Which creates both a form and a React context that allows you to access it from any descendants. To make a form you start with the Form component, However, the majority of use cases can be covered by the components in React Final Form and Cactus Form. The basic Final Form library is very flexible, and we highly recommend going through the docs to understand what it’s capable of. Installation is simple enough, just add the latest version of “final-form”, “react-final-form”, and to the dependencies list in your package.json (or however you add dependencies in your particular project).Ĭactus Form also has an optional setup step using patch-package, described in more depth in the library documentation. The examples used will be based on an app like those created by the package see this tutorial for an example with starting a new project. Besides the official React Final Form library, we have our own addition in that’s more specifically suited to working with Cactus Web.īefore starting, you should have an application, and know how to add a page or component. This guide will show you the basics of combining these input components with a common forms library, Final Form.īecause Final Form is framework-agnostic, there’s another library for the React-specific parts. provides several styled form inputs, as well as a few custom inputs that emulate built-in HTML inputs. How to Write Cactus Forms Using Final FormĬollecting data using forms is one of the most basic functions of a website.