antd getFieldDecorator使用rules不起作用

在使用react+antd開發中，使用getFieldDecorator的rules規則限制，只提示而點擊確定時不終止函數的執行。

---

（一）問題描述
使用getFieldDecorator的rules規則限制，只提示而不終止函數給出相應的提示。
例如，在一個modal彈窗中，一個輸入框不符合rules規則時候會提出相應的提示，但是，點擊‘保存’或者‘確定’的時候仍然能執行後臺api且關閉。

---

（二）解決問題
原因：缺少validateFields()驗證。
解決如下：
無法完場終止函數驗證是因爲缺少下面這段代碼，加上即可。應用如圖。

 this.props.form.validateFields((err, vals) => {
   if (!err) {}
 })

---

這樣就ok了。