Home / Questions / 221172
Accepted
nachfren
Asked: 2020-12-12 01:04:13 +0800 CST 2020-12-12 01:04:13 +0800 CST

Hide Tab in primereact

  • 772

I have a primereact component .

<TabView >
    <TabPanel header="Panel 1">
    </TabPanel>
    <TabPanel header="Panel 2">
    </TabPanel>
</TabView>

How can I show/hide a tab based on a concrete value?

javascript

1 Answers

  1. Best Answer

    You can have a list of tabs to show and modify the list when it suits you:

    const tabs = [1, 2]; //Esta lista es la que tienes que generar mirando condiciones

const listItems = tabs.map((number) =>
  <TabPanel header="Panel {number}"></TabPanel>
);

    and then do something like

    return (<TabView > {listItems} </TabView>);
    • 1