【问题标题】:How to set active tab in Tab from Material UI by code如何通过代码在 Material UI 中的选项卡中设置活动选项卡
【发布时间】:2020-04-23 18:04:27
【问题描述】:

第一次问 SO,我知道这个问题被问了很多次。我已经访问了所有这些帖子,但不幸的是没有成功。

正如标题所说,我需要通过代码更改活动选项卡。我正在使用带有反应的材料 ui 可滚动选项卡。 我认为我正在做的项目可能有问题,所以我也制作了thiscodesandbox 尝试但没有成功。

您能否给我一个关于如何在给定示例中执行此操作的提示?

提前感谢所有帮助,这个社区太棒了! 最好的问候

【问题讨论】:

  • 欢迎堆栈溢出!通过代码更改选项卡是什么意思?您想在哪个事件上更改标签?

标签: reactjs material-ui


【解决方案1】:

如果我理解正确,您正在寻找一种手动设置选项卡的方法,而无需点击实际的选项卡按钮。

如果是,您需要做的就是使用setValue 更改保存选项卡值的状态,并提供您要进入的选项卡编号(从 0 开始)。

e.g. setValue(2) 将带您进入第三个标签。

您可以查看this。我创建了一个静态按钮,将状态更改为特定数字,只是为了演示这个想法。

【讨论】:

  • setValue(IndexOfTab --- 这里)。无论您想在代码中更改哪个选项卡。
猜你喜欢
  • 2017-01-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-11-26
  • 1970-01-01
  • 2018-03-26
  • 2021-03-23
  • 2019-03-12
相关资源
最近更新 更多