vantui icon indicating copy to clipboard operation
vantui copied to clipboard

在组建Tab 中 active 无法锁定 Tabs的焦点

Open liuyongming1010 opened this issue 1 year ago • 0 comments

这个 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>

liuyongming1010 avatar Jun 26 '24 10:06 liuyongming1010