在材质UI中同时切换水平和垂直选项卡

Question

在应用程序中，我有2个水平标签，例如A和B，我有5个垂直标签，例如T1，T2，T3，T4和T5。

当前，我可以轻松地在各个选项卡之间切换，并加载相关的数据，但是问题是，如果我在T3的垂直选项卡中使用A，在水平选项卡中使用A，并且如果我在水平选项卡中切换到B，即使加载了所有正确的数据，“垂直”选项卡也会切换到“ T1”选项卡。我想改变这个。即使我将水平标签切换为A或B，我也希望保留在当前的垂直标签（对于本例为T3）上。

这是我的状态：

constructor(props) {
    super(props)
    this.state = {
        value: 0,
    }
}

在渲染器中，我使用以下命令切换到相关标签：

<Tabs
       orientation="vertical"
       variant="scrollable"
       value={this.state.value}
       onChange={(event, newValue) => {
            this.setState({ value: newValue })
       }}

这是TabPanels：

<TabPanel value={this.state.value} index={0}>
    <T1/>
</TabPanel>
<TabPanel value={this.state.value} index={1} style={{ width: '100%' }}>
    <T2/>
</TabPanel>
<TabPanel value={this.state.value} index={2} style={{ width: '100%' }}>
    <T3/>
</TabPanel>