根据你提供的代码片段,我看到你使用了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助手提供,问题来源于学员提问