美文网首页
antd——form表单监听表单域

antd——form表单监听表单域

作者: 芒果加奶 | 来源:发表于2018-04-19 09:36 被阅读0次

需求:监听整个form表单,当任意表单域改变时触发,实现是否编辑功能。

form接管数据

刚开始打算监听每个formItem的onchange事件,很麻烦,监听form表单整个表单域是最方便的,又开始在api中寻找。果然有方法。。

form.create()方法

我使用的onValuesChangeonFieldsChange文档介绍了,实际没有尝试这个方法。
代码如下:

export default connect(mapStateToProps, mapDisptchToProps)(
  Form.create({
    onValuesChange(props, values) {
      // 表单域改变时触发actions方法,控制isEdit为true
      props.actions.changeCarEvaluate();
    }
  })(Car)
);

相关文章

网友评论

      本文标题:antd——form表单监听表单域

      本文链接:https://www.haomeiwen.com/subject/xinbhftx.html