Atlaskit tab : After entering data in forms then moving to next tabs that form data gets empty

1

I am using Reactjs and Atlaskit packges
I’m using atlaskit tabs. I have 3 TAB’s, inside each tab I’m rendering DYNAMIC FORMS and I have form submit in THIRD TAB. After entering data in forms then moving to next tabs that form data gets empty
While moving to other tabs, how to keep previous tab form data.

My folder structure is like
Parent Component :
1 : tab1
2 : tab2
3 : tab3

Thank you

2

Did not do any in depth analysis on that, just a quick guess on what is happening:
The component inside a tab gets rerendered when switching to a tab, thus the data gets emptied.

Could you tell us more about your component structure? Do you have Tabs and each tab contains an AtlasKit Form element, or do you have a single AtlasKit Form which wraps the Tabs?

1 Like