美文网首页
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