React表单联动

Ant Design

1、dependencies

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

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

2、shouldUpdate 

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

 3、useWatch

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

 

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

ProComponents

4、ProFormDependency

demo