Javascript 物料UI选项卡：在选项卡之间切换后，将放弃选项卡中的更改

我使用材质ui选项卡组件。 在选项卡之间切换后，选项卡中的更改将被丢弃。事实上，在选项卡之间切换后，选项卡将再次呈现。 假设我在其中一个选项卡中有一个文本字段。我在这个文本字段中输入了一些。转到另一个选项卡并返回后，文本字段中的值将被清除。

---

如何防止这种情况发生？

基本上，在材质UI中切换选项卡后，不可见的选项卡将被销毁并从DOM中删除。因此，您必须自己编写一些逻辑（可能不使用

TabPanel

component）

首先->您需要在您的状态中保存当前选项卡的值

第二个->创建一个

隐藏的

类

 .hidden { display: none; }

Third->您需要检查活动选项卡是否与选项卡的索引相同，您需要为其分配

隐藏类

附言：如果你仔细看一下，这个方法的主要思想是防止非活动选项卡显示而不是渲染