Repository navigation
Components Rendering Issue #495
Description
Activity
Hi I am facing the same issue were you able to solve this if yes plz can you tell me how did you solved it thanks
Try adding
forceRenderTabPanel={true}to your<Tabs>component. That fixed a similar issue for meforceRenderTabPanel={true}renders all tabs at the same time,. So it solves the rendering issue, but creates another, making the tabs useless.Reacted by Taha and Andrew FirsovReacted by Gábor Bencsik and Bernard PallottaReacted by Wahyu SetiawanforceRenderTabPanel={true}renders all tabs at the same time,. So it solves the rendering issue, but creates another, making the tabs useless.The same
Reacted by William Brochensque JúniorThe point of the
forceRenderTabPanelfeature is to enable you to determine when to display which panel. Note that you can also setforceRenderon a per tab basis. Then it's up to you to hide and show the tab at the appropriate time, usually by applying styling rules (either directly or by e.g. toggling a CSS class) from within in theonSelectcallback.
Also note that evenforceRendered panels will receive theselectedTabPanelClassName.
I am rendering multiple components in different react-tabs but whenever I switch between those tabs my components gets re-render. Is there anyway to stop this re-rendering on switching tabs?