首页 文章

标签显示在抽屉中但没有发生切换

提问于
浏览
1
  • 我是物质ui的新手 .

  • 当您点击高级体育搜索时,抽屉会打开 .

  • 我正在尝试在抽屉中实现标签,但是当我单击抽屉中的两个标签时它关闭 .

  • 实际上它应该在标签之间切换 .

  • 它在初始页面上工作 .

  • 所以我调试了handleChange方法,它适用于初始页面和打印控制台---> console.log("switch tabs inital page--->");

  • 当我调试抽屉选项卡其打印控制台但没有切换标签时---> console.log("switch tabs drager ui--->");

  • 你能告诉我如何解决它 .

  • 在下面提供我的代码段 .

https://codesandbox.io/s/1qlpxx34v3

handleChange = (event, value) => {
    console.log("switch tabs drager ui--->");
    this.setState({ value });
  };


  <Tabs
            value={value}
            onChange={this.handleChange}
            scrollable
            scrollButtons="on"
            indicatorColor="primary"
            textColor="primary"
          >
            <Tab label="Item One" icon={<PhoneIcon />} />
            <Tab label="Item Two" icon={<FavoriteIcon />} />

          </Tabs>

1 回答

  • 0

    tab-demo.js 的第222行,我注释掉了这一行:

    onClick={this.toggleDrawer("right", false)}

    因为有了那条线,每次你在抽屉里面点击它都会关闭 .

相关问题