如何解决如何在反应中删除数组选项卡中的聊天值
tabs: [ '/home','/about','/chat' ];
<ResponsiveNav ppearance="subtle" justified
removable
moreText={<Icon icon="more" />}
moreProps={{ noCaret: true }}
activeKey={activePage['link']}
onSelect={onSelectTab}
onItemRemove={eventKey => {
console.log(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>
如何从选项卡中删除值 '/chat'
。
我试过的是我在 onItemRemove
const tabList = [...tabs]
tabList.splice(
tabList.map(item => item).indexOf(eventKey),1
);
tabs.push(...tabList)
router.push(tabList[0] ? tabList[0] : '/')
但它不起作用。每次我点击它都会推送一个值。
解决方法
你可以使用 splice
const sample = ['/home','/about','/chat']
const index = sample.indexOf('/chat') // get index here
sample.splice(index,1) // delete one element at (index)
console.log(sample)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。