Components Rendering Issue

[makbar-hgsd]

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?

[nasir733]

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

[tekisx]

Try adding forceRenderTabPanel={true} to your <Tabs> component. That fixed a similar issue for me

[willnaoosmith]

forceRenderTabPanel={true} renders all tabs at the same time,. So it solves the rendering issue, but creates another, making the tabs useless.

[avfirsov]

forceRenderTabPanel={true} renders all tabs at the same time,. So it solves the rendering issue, but creates another, making the tabs useless.

The same

[joepvl]

The point of the forceRenderTabPanel feature is to enable you to determine when to display which panel. Note that you can also set forceRender on 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 the onSelect callback.
Also note that even forceRendered panels will receive the selectedTabPanelClassName.