antd getFieldDecorator使用rules不起作用

在使用react+antd开发中，使用getFieldDecorator的rules规则限制，只提示而点击确定时不终止函数的执行。

---

（一）问题描述
使用getFieldDecorator的rules规则限制，只提示而不终止函数给出相应的提示。
例如，在一个modal弹窗中，一个输入框不符合rules规则时候会提出相应的提示，但是，点击‘保存’或者‘确定’的时候仍然能执行后台api且关闭。

---

（二）解决问题
原因：缺少validateFields()验证。
解决如下：
无法完场终止函数验证是因为缺少下面这段代码，加上即可。应用如图。

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

---

这样就ok了。