阿巴阿巴,最近有个需求,新增的时候有两个Tabs.TabPane,可以互相切换,每个TabPane里是需要提交的表单数据,他们有默认值,可以直接提交,我希望在第一个页面提交的时候可以获取第二个页面的表单值。
就发现了TabPane默认只加载当前TabPane的DOM,第二个TabPane是在点击切换的时候,才会渲染。
我去官网发现了,TabPane的forceRender属性,被隐藏时是否渲染 DOM 结构,是一个布尔值。
于是,我就做了尝试,哈哈哈完美解决,上代码:
forceRender={true}
<Tabs defaultActiveKey="1" centered>
<TabPane tab="A" key="1">
<Form1
/>
</TabPane>
<TabPane tab="B" key="2" forceRender={true}>
<Form2
/>
</TabPane>