cpn-basic-z-form

To build dynamic React forms with rc-form wrappers, use UDesign ZForm to wrap inputs with formDecorator and controllerDecorator, simplifying data collection and validation. This approach manages form state and data flow across React components.

The best way to simplify form validation and data management in React is using ZForm, which provides formDecorator, controllerDecorator, and formShape to make data handling and validation more concise without complex manual state logic.

ZForm decorators work with formShape by wrapping React controls to collect data and apply validation rules. formDecorator and controllerDecorator manage the data flow and interactions, ensuring form state is consistently synchronized.

Yes, you need prior knowledge of rc-form integration and the required API surface of ZForm decorators. ZForm is a simple wrapper around rc-form, so understanding its base mechanisms is necessary to correctly configure form fields and validation.

Yes, you can use ZForm to collect and validate form data across multiple React components. By applying formDecorator and controllerDecorator, ZForm ensures consistent data flow and validation rules are maintained throughout your component hierarchy.

ZForm validation may not work if custom inputs are not correctly wrapped with controllerDecorator or if the formShape configuration is invalid. Ensure your control decorators align with the manual and example patterns to maintain proper data flow.