vantui
vantui copied to clipboard
在组建Tab 中 active 无法锁定 Tabs的焦点
这个 Issue 涉及以下平台:
在组建Tab 中 active 无法锁定 Tabs的焦点,点击切换时tabs会正常切换
- [✓ ] 微信小程序
- [ ✓ ] 支付宝小程序
- [ ✓ ] 百度小程序
- [ ✓ ] 头条小程序
- [ ✓ ] 快手小程序
- [ ✓ ] QQ 轻应用
- [ ✓ ] Web 平台(H5)
BUG 描述 Tabs 组建不受active 控制,只有初始化时生效, 极端情况下,会导致 active 与 tab不一致的情况 在阿里ant-design 组建库中,组件中如有如有受控参数 value,则只能通过 onChange 修改 setValue 来控制 此组建中,则没有此限制
const [tabKey] = useState(1)
<Tabs
active={tabKey}
sticky={true}
animated
lazyRender
>
<Tab disabled title="热门推荐" name={1} className='index_tab'>
热门推荐1
</Tab>
<Tab disabled title="热门推荐2" name={2} className='index_tab'>
热门推荐2
</Tab>
<Tab disabled title="热门推荐3" name={3} className='index_tab'>
热门推荐3
</Tab>
<Tab disabled title="热门推荐4" name={4} className='index_tab'>
热门推荐4
</Tab>
</Tabs>