如何在antd上延迟加载标签？

Question

我正在使用 antd 标签，我的页面上有 2 个标签。两者同时加载，但我只希望第一个选项卡加载到挂载和选项卡更改时，另一个选项卡应该呈现。我无法实现此功能。

有办法解决这个问题吗？

Answer 1

根据文档，代码中

forceRender

组件上的

Tabs.TabPane

属性的默认值应该是false。

道具用于：

Forced render of content in tabs, not lazy render after clicking on tabs

：

您根据什么评估内容不是惰性呈现的？也许你可以分享一些代码。

除此之外，您可能希望使用状态在组件选项卡中处理更复杂的渲染。

我希望这有帮助。

Answer 2

在选项卡上尝试

destroyInactiveTabPane

道具。

const App = () => {
  return (
    <Tabs
      items={items}
      destroyInactiveTabPane={true} // add this prop
    />
  );
};