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

前端 - 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标头(将注释转换为标头)将被忽略。 您可以使声明性服务适用于片段,但

  • 问题内容: 我正在使用Mocha,Chai,Karma,Sinn,Webpack进行单元测试。 我通过此链接为React-Redux Code配置了我的测试环境。 如何在React with Karma,Babel和Webpack上实现测试+代码覆盖率 我可以成功地测试动作和reducers的javascript代码,但是当涉及到测试我的组件时,它总是会抛出一些错误。 上面的代码出现了以下错误。

  • 我对这一切都不熟悉,我已经尽我所能地遵循教程,我想尝试一下网络应用开发,但我显然在做什么或错过什么。 我在Atom终端上运行了pip install Django,它说安装成功,但发出了一个警告,说明我的安装文件不在路径中,尽管该文件实际上在路径上,但我相信我已经解决了这个问题。 然后,我尝试按照Django教程进行操作,该教程告诉我pip安装venv,我无法让它正常工作,但我确实在Atom At