Question

我使用了材质ui标签组件。在选项卡之间切换后，选项卡中的更改将被放弃。实际上，在选项卡之间切换后，选项卡将再次呈现。假设我在其中一个标签中有一个textField。我在此textField中输入一些内容。转到另一个选项卡并返回后，将清除textField内部的值。我该如何预防？

Answer 1

基本上，在Material UI中切换选项卡后，不可见的选项卡将被破坏并从DOM中删除。因此，您必须自己编写一些逻辑（也许不使用TabPanel组件）。

第一->您需要将当前标签页的值保存在您的状态

第二->创建一个hidden类

 .hidden { display: none; }

第三->您需要检查活动标签是否与标签的索引相同，您需要为其分配hidden类。

P.S：如果您仔细查看，此方法的主要思想是防止无效的标签页显示而不是呈现