ZBLOG

{hotelNewTagInfo.map((item: any, index: any) => { return ( ...

根据你提供的代码片段,我看到你使用了Ant Design的Tabs组件,并且通过循环hotelNewTagInfo来生成TabPane。在这个过程中,你想要将defaultActiveKey设置为选中的code。

你可以尝试使用一个变量来保存选中的code,然后在Tabs组件的defaultActiveKey属性中使用该变量。下面是一个示例:

// 假设有一个名为selectedCode的变量用于保存选中的code
const [selectedCode, setSelectedCode] = useState(hotelNewTagInfo[0].code);

<Tabs defaultActiveKey={selectedCode} onChange={handleTabChange}>
    {hotelNewTagInfo.map((item: any) => (
        <Tabs.TabPane tab={item.name} key={item.code}>
            <AmenityLabels
                tabsTitle={selectedCode === item.code ? item.name : ''}
                tabsCode={selectedCode === item.code ? item.code : ''}
            />
        </Tabs.TabPane>
    ))}
</Tabs>

在这个示例中,默认会选中hotelNewTagInfo数组第一个元素的code,并且通过handleTabChange函数来处理Tab切换事件。每次切换Tab时,都会更新selectedCode的值。

请注意,在实际使用时,请根据自己的业务逻辑和需求进行相应调整。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=16695

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?