antd-form-builder | Dynamic meta driven React forms based on antd | Form library
kandi X-RAY | antd-form-builder Summary
kandi X-RAY | antd-form-builder Summary
The FormBuilder is a small helper (< 500 lines of source code) for building forms with React and ant.design easily while not preventing you from using the original antd form API. It can not only be used as editable form but also to display readonly information with form layout. It supports both antd v3 and v4 versions.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Constructor for form builder
- Main layout builder
- Normalize meta data .
- Convert a meta widget .
- Gets a widget .
- Build form builder .
- Sets hash change
- Convert a bit array
- matcher word .
- Parse a number .
antd-form-builder Key Features
antd-form-builder Examples and Code Snippets
Community Discussions
Trending Discussions on antd-form-builder
QUESTION
I am new to React and i am playing around with ant design. I need to build a multi-step form where each step has a couple of fields and the final step will have a submit button. This would use useForm hook from antd. I would prefer not to use any other plugins like antd-form-builder etc.
The issue i am facing is that in the multi-step form, at the last step, when i press submit the form data for last step is available and data for previous steps is not available. I reckon this could be because the step is being replaced in DOM when i move to "next" step.
Is there any simpler way to obtain the data from all forms at the last step ?
I have prepared a codesandbox for the sample.. Refer the console after submitting.
https://codesandbox.io/s/cool-mcnulty-or8jw
Thanks for the help!
...ANSWER
Answered 2020-Sep-09 at 10:21Yes it's because your steps are destroying when you're not showing them in DOM. First Add an step to your steps array like this:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install antd-form-builder
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page