Skip to content

[TabPanel] 获取未定义的activeKey,导致TabPanel中的内容不显示 #637

@shuyudao

Description

@shuyudao

tdesign-mobile-react 版本

0.14.0

重现链接

https://tdesign.tencent.com/mobile-react/components/tabs#%E5%B8%A6%E5%86%85%E5%AE%B9%E5%8C%BA%E9%80%89%E9%A1%B9%E5%8D%A1

重现步骤

官方文档示例中的 带内容区选项卡 示例即可重现,因为文档中的就是错误的,右侧官方示例中也没有正确的显示TabPanel中的内容。

https://tdesign.tencent.com/mobile-react/components/tabs#%E5%B8%A6%E5%86%85%E5%AE%B9%E5%8C%BA%E9%80%89%E9%A1%B9%E5%8D%A1

const tabProps = useContext(TabContext);

const { activeKey } = tabProps;

const isActive = useMemo(() => value === activeKey, [activeKey, value]);

TabPanel组件源代码中tabProps,console出来并没有activeKey,只有一个currentValue,这导致isActive一直处于false,从而不会显示TabPanel内容

期望结果

No response

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions