当前位置: 首页 > article >正文

React表单联动

Ant Design

1、dependencies

Form.Item 可以通过 dependencies 属性,设置关联字段。当关联字段的值发生变化时,会触发校验与更新。

一种常见的场景:注册用户表单的“密码”与“确认密码”字段。“确认密码”校验依赖于“密码”字段,设置 dependencies 后,“密码”字段更新会重新触发“校验密码”的校验逻辑。

2、shouldUpdate 

场景:修改某个字段值后出现新的字段选项、或者纯粹希望表单任意变化都对某一个区域进行渲染。你可以通过 shouldUpdate 修改 Form.Item 的更新逻辑。

 3、useWatch

useWatch 默认只监听在 Form 中注册的字段

 

如果需要监听非注册字段,可以通过配置 preserve 进行监听:

ProComponents

4、ProFormDependency

demo


http://www.kler.cn/a/410444.html

相关文章:

  • 【Linux学习】【Ubuntu入门】2-3 make工具和makefile引入
  • 101页PDF | 德勤_XX集团信息化顶层规划设计信息化总体解决方案(限免下载)
  • 51单片机-独立按键与数码管联动
  • 【Electron学习笔记(二)】基于Electron开发应用程序
  • C# 读取多条数据记录导出到 Word标签模板之图片输出改造
  • Python和C++急性损伤空间结构
  • 【小白学机器学习33】 大数定律python的 pandas.Dataframe 和 pandas.Series基础内容
  • react 中解决 类型“never”上不存在属性“value”。
  • 电脑开启虚拟化的方法
  • TCL嵌入式面试题及参考答案
  • kafka学习-02
  • Elmentui实现订单拆单功能
  • Golang调用MongoDB的表自动增长的 ID 永久保存在 MongoDB 中,并且每次获取的 ID 是基于上次的结果
  • 5.5 W5500 TCP服务端与客户端
  • 排序算法(四)--快速排序
  • 移动语义和拷贝语义区别、智能指针
  • 深度学习3
  • 论文笔记 网络安全图谱以及溯源算法
  • JavaScript的基础数据类型
  • 241124_基于MindSpore学习Prompt Tuning
  • 【数据分析】基于GEE实现大津算法提取洞庭湖流域水体
  • 手机无法连接服务器1302什么意思?
  • 前端预览pdf文件流
  • 【cocos creator】下拉框
  • Windows系统电脑安装TightVNC服务端结合内网穿透实现异地远程桌面
  • kafka学习-01