标签显示在抽屉中，但未发生切换

Question

• 我对材料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>

Answer 1

在tab-demo.js中的第222行，我注释了这一行：

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

因为有该行，所以每次您在抽屉内单击时，它将关闭。