隐藏呈现选项卡的组件

Question

我有一个渲染Tabs组件的组件Material UI 5.0.0-beta.5

有一种情况，我将此组件显示设置为无。

但是，然后我收到这个错误 -

Material-UI: The value provided to the Tabs component is invalid. The Tab with this value (0) is not part of the document layout. Make sure the tab item is present in the document or that it's not display none.

我理解该错误，并且我将其显示设置为无，因为但我想显示和隐藏该组件而不重新渲染（因为我希望用户选择持续存在）。

有没有办法解决这个错误，或者也许有更好的方法来完成我想做的事情？

Answer 1

visibility: hidden你可以尝试使用

如果您不想占用隐藏组件的空间，请将其宽度和高度设置为 0，然后再更改它们以显示 UI。

visibility: hidden;
width: 0;
height: 0;

当你想将其显示回来时：

visibility: visible;
width: 100%;
height: 100%;