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