当Scheduler用制表符包装时，选择不起作用 上下文这是我的树结构 UI 问题

如何解决当Scheduler用制表符包装时，选择不起作用 上下文这是我的树结构 UI 问题

上下文

这是关于react-big-scheduler和react-dnd的问题。

我正在使用：

• 材料用户界面的Tabs，Tab

• react-swipeable-views用于在标签之间滑动效果

来自Scheduler的

• react-big-scheduler

并且我的Scheduler正在多个标签中进行。

这是我的树结构

<div>
  <Tabs value={currentTab}>
    <Tab label="tab 1"/> 
    <Tab label="tab 2"/>
  <Tabs>
<SwipableViews index={currentTab}>
   <Scheduler ... />
</SwipableViews>
</div>

UI

我正在使用标签。

每个标签都呈现react-big-scheduler的{​​{1}}组件。

这是我的Scheudler：

问题

第一个标签正常工作

但是第二个标签中的`Scheduler卡住了，不允许选择范围。 它会自动选择第一个插槽。

在调试时，我在Scheduler函数下的ResourceEvents.js中看到了这一点：

stopDrag

其中var endTime = resourceEvents.headerItems[rightIndex - 1].end;等于rightIndex（负索引）

我认为发生这种情况是由于-24样式将第二个标签页推到了屏幕上的不同SwipableViews位置。

是否有一种方法可以重置Scheduler位置的计算，并与与DOM混乱的其他库配合使用？