鍍金池/ 問答/HTML/ antd如何做到多表單單獨(dú)驗(yàn)證？

antd如何做到多表單單獨(dú)驗(yàn)證？

const {getFieldDecorator} = this.props.form;

圖片描述
圖片描述
圖片描述

新手，我在Tabs里分了兩個(gè)TabPane，分別添加注冊和登錄表單，同時(shí)按官方文檔加入了一些校驗(yàn)規(guī)則，但是卻無法單獨(dú)校驗(yàn)，就是說當(dāng)我填完注冊的所有需要內(nèi)容后，由于登錄仍存在未填項(xiàng)，還是會提示錯(cuò)誤，無法進(jìn)行下一步動作

解決方案如下：
圖片描述
圖片描述
我重新寫了兩個(gè)Form組件，然后在主modal組件里添加兩個(gè)Form

回答
編輯回答
憶往昔

寫兩個(gè)組件。每個(gè)組件都用Form.create()包裹一下就好了。

2017年3月19日 17:16
編輯回答
大濕胸

因?yàn)槟泓c(diǎn)登錄和注冊按鈕的時(shí)候同時(shí)觸發(fā)了兩個(gè)form的校驗(yàn)事件，解決的辦法是給兩個(gè)按鈕的點(diǎn)擊事件里阻止默認(rèn)事件，同時(shí)手動觸發(fā)需要校驗(yàn)的表單進(jìn)行校驗(yàn)

2017年9月23日 00:07