вкладки отображаются в ящике, но переключение не происходит

Question

• Я новичок в материале.
• при нажатии на расширенный спортивный поиск открывается ящик.
• Я пытаюсь реализовать вкладки в выдвижном ящике, но когда я нажимаю на вкладку два в выдвижном ящике, он закрывается.
• на самом деле он должен переключаться между вкладками.
• работает на начальной странице.
• поэтому я отладил метод 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

В строке 222 в tab-demo.js я закомментировал эту строку:

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

Потому что при этой строке каждый раз, когда вы щелкаете внутри ящика, она закрывается.