ant design Tabs组件数据丢失取不到值的解决方法

使用Ant Design 的 Tabs 遍历了一个 form ，在多标签的情况下通过 form.getFielddValue() 方法获取到的值不全，只能获取到第一个页签和最后一个页签。

​

翻了下 api ，Tabs.TabPane TabItemType 有一个 forceRender 属性，默认值是 false ，设置为 true 即可。

forceRender 属性用来控制 被隐藏时是否渲染 DOM 结构。

另外 Tabs 还有一个 destroyInactiveTabPane 属性，用来控制 被隐藏时是否销毁 DOM 结构，默认值是 false 。

<Tabs
  destroyInactiveTabPane={false} // 被隐藏时是否销毁 DOM 结构
>
  <Tabs.TabPane
    forceRender={true} // 被隐藏时是否渲染 DOM 结构
  >
    ...
  </Tabs.TabPane>
</Tabs>

未经允许不得转载：w3h5-Web前端开发资源网 » ant design Tabs组件数据丢失取不到值的解决方法