如何通过代码从Material UI中的Tab中设置活动标签

时间:2020-04-23 18:04:27

标签: reactjs material-ui

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

正如标题所述,我需要通过代码更改活动标签。我正在使用带有React的材质ui滚动选项卡。 我以为我正在研究的项目可能有问题,所以我制作了this codeandbox尝试也没有成功。

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

在此先感谢所有帮助,这个社区真棒! 最好的问候

1 个答案:

答案 0 :(得分:0)

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

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

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

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