score:2

Accepted answer

if i understand your question correctly, you can use the selectactive tab to hide / display the tab of your choice like this:

<row classname="mt-3">
   <col>
       <tabs onselect={selecttab} defaultactivekey={selectactive()} id="uncontrolled-tab-example" style={{ backgroundcolor: 'rgb(237 245 240 / 38%)' }}>
       {selectactive() === "newpurchase" && (
        <tab eventkey="newpurchase" title="new webshop">
           <newpurchase/>
       </tab>
       )}
       {selectactive() === "upgrade" && (
       <tab eventkey="upgrade" title="existing webshop">
            <upgrade/>
       </tab>
       )}
     </tabs>
   </col>
 </row>

it will show / hide the tab depending upon the value returned from the function. by the way, your question needs more clarity


Related Query

More Query from same tag