当前位置: 首页 > 知识库问答 >
问题:

前端 - React中如何对Tabs组件进行激活tab?

胡禄
2024-06-04

我在页面a中,有使用一个组件TabsWithBreadcrumbs:
它是一个Tabs继承自 https://ant-design.antgroup.com/components/tabs-cn

我们知道:
tabs有激活的页面,
image.png

...  return (    <div className={styles.myTabsWithBreadcumpsContainer}>      <div className= {styles.myTabsWithBreadcumps}>        <TabsWithBreadcrumbs data={tabs}></TabsWithBreadcrumbs>      </div>    </div>  )

我想要在页面B实现页面A的TabsWithBreadcrumbs 的激活key,可以激活第一个也可以激活第二个,请问应该如何做呢?

共有1个答案

赵兴朝
2024-06-04

通过全局状态库,或者自己设计顶层Context

 类似资料:
  • 我想要做到如下的面包屑: 我的逻辑代码: 如上,我像要使用一个方法来进行遍历组成Breadcrumb.Item。 请问应该如何做呢?这里不是JSX中,是一个方法中,如何在方法中进行组合JSX?

  • 我有app,我有很多不同风格的按钮组件(我特意把它分开,以提高可读性),例如:普通、概述、文本、链接和其他。我想创建一个特殊的组件,在其中我将传递prop,component将返回我需要的按钮组件。现在我制作了这个组件,但我必须传递我可能不需要的道具。我如何解决这个问题,或者你知道分组的不同实现方式? 分组组件:

  • 问题内容: 我已经设置了PyCharm,创建了我的virtualenv(通过virtual env命令,或者直接在PyCharm中),并将那个环境激活为我的解释器。一切都很好。 但是,如果我使用“工具,打开终端”打开终端,则提供的shell提示未使用虚拟环境。我仍然必须在该终端内使用才能激活它。 另一种方法是在外壳中激活环境,然后从该环境运行PyCharm。这是“可行的”但很丑陋,这意味着如果我从

  • 在一个 app 中,tabs 使在不同的视图和功能间探索和切换以及浏览不同类别的数据集合起来变得简单。 用法 tab 用来显示有关联的分组内容。tab标签用来简要的描述内容。 移动设备的 tabs 扩展的 app bar + tab bar 加入检索 + app bar + tab bar 默认的 app bar + tab bar 默认的 app bar + 可滚动的 tab bar 和 tab

  • 问题内容: 我有一个类似于下面的数据框 我想为列做一个空值估算,,在正向充填,但每个组。那就是说,我希望将前向填充应用于每个。我怎样才能做到这一点? 问题答案: 使用每团体向前填充所有列,但如果每个小组第一值是在那儿没有更换,所以可以使用和最后浇铸成整数: 详情: 要么:

  • 问题内容: 当我使用OSGi声明式服务在片段内创建组件时,该组件未激活,但主机捆绑包中的组件被激活。我想念什么吗?我的片段具有用于主机捆绑包符号名称的正确文件条目。 我以这种方式宣布一个伴侣 问题答案: 因为从不启动捆绑包片段,所以永远不会激活其中的仅已解析声明式服务组件。该规范特别指出片段中的Service- Component标头(将注释转换为标头)将被忽略。 您可以使声明性服务适用于片段,但