可以复刻上述代码为:
const [certainTabs, setCertainTabs] = useState('brandNew');
const handleTabChange = key => {
setCertainTabs(key);
};
return (
<div className="featuredProducts">
<Tabs defaultActiveKey="brandNew" onChange={handleTabChange}>
<Tabs.TabPane tab="品牌新品" key="brandNew">
<FeaturedBrands certainTabs={certainTabs} />
</Tabs.TabPane>
<Tabs.TabPane tab="平台/品牌特色服务" key="platformProduct">
<FeaturedBrands certainTabs={certainTabs} />
</Tabs.TabPane>
</Tabs>
</div>
);
这样就将原来的逻辑修改为使用useState
钩子来管理选项卡状态,并通过handleTabChange
函数进行更新。
内容由零声教学AI助手提供,问题来源于学员提问