Ant Design 问题中的选项卡式表单

Question

Tabbed Form doesn't seem possible in AntDesign. all field error comes when we submit form inside tab

Blockers

1. On Submit only current active tab form values comes
2. Tabs are inside the form
3. all field error Comes when we submit form inside tab
4. destroyInactiveTabPane i try this but not working
5. If i have to generate tabs dynamically like English, French, Italian, i cannot initialling Form as tab loop will come inside of component
6. Forced render of content in tabs, not lazy render after clicking on tabs i try this but not working
7. Error Validation Trigger when i submit form of all filed with in the form

Answer 1

Create forms inside each tab and in your parent file which will hold the tabs data, active tab manage the state. Create form for each tab. Suppose i have name and member tab i will create the form with Const nameForm = useForm() Const memberForm =useForm()

And pass each form as props to the component. Nameform to name component and so on. And whenever you will try to change the tab or click submit check in function which tab is active and validate that form only.