react.js + dva antd组件操作验证在同一个页面验证多个表单form

功能需求:点击增加按钮 可以增加一个from表单 ,每个form表单的操作控制整体form渲染


外部渲染 


问题难点:

点击删除按钮  删除某个表单时,表单内容不会重新渲染 

1解决方式 :组件清空  from表单,动态生成表单项  

this.props.form.resetFields() ;// resetFields()   清空初始值


渲染表单


2 解决方式  ,纯函数组件


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,037评论 3 119
  • React中没有类似Angular那样的双向数据绑定,在做一些表单复杂的后台类页面时,监听、赋值、传递、校验时编码...
    tedyuen777阅读 13,295评论 1 23
  • 统计常规使用 客户端统计中当要使用统计的时候,普通的写法是将统计单独写一个功能模块,在工程中引入,并在事件发生时去...
    Mitchell阅读 4,748评论 0 2
  • 创业模式、对创业者的个人素质要求很高,创业成功往往形成独角兽企业、有时形成新的业态。 创业者首先要处理好创意、创新...
    隐世少爷阅读 2,784评论 0 0