<ResponsiveNav
appearance="subtle"
removable
moreText={<Icon icon="more" />}
moreProps={{ noCaret: true }}
activeKey={activePage['link']}
onSelect={onSelectTab}
onItemRemove={eventKey => {
}}
>
{tabs.map(tab =>{
const menu = menus.find(a => a.link === tab);
return <ResponsiveNav.Item key={menu?.key} eventKey={tab}> {menu?.label}</ResponsiveNav.Item>
})}
</ResponsiveNav>
What I'm trying to do is to remove the tab list when click the close icon.
for example I have a menu Home, about and chat then when I click the about it will automatically added on the tabs which is tabs: ['/about']
when I click the 'chat' it will be like this tabs: ['/about', '/chat']``. then I'm trying to do is when I click the itemRemove on the tab it will remove the 'about' for example so the tabs should be like this
tabs: ['/chat']```