动态修改Ant ProComponents的ProForm表单数据值

最近想写一个工作流表单, 功能是, 修改jumpserver上的资产信息

大概的前端流程如下:

  1. 用户选择jumpserver上已存在的资产
  2. 拿到资产id, 去后端拿回资产数据, 渲染后续表单,并把数据渲染到后续表单上
  3. 如果用户更换了资产, 要动态更换后续表单的值
未选择需要修改的资产时

选择需要修改的资产后

修改需要更改的资产后

这里如果使用proform的initialValue, 当修改选择的资产时, 无法实现动态修改, 所以需要使用proform的ref来修改

const restFormRef = useRef();
<ModalForm  formRef={restFormRef}  />
restFormRef?.current?.setFieldsValue({表单项的name:值 }) }

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注