react ant-design 使用form 与抽屉组件,解决每次点击展开抽屉,form数据不更新问题

在做一些表格编辑的功能时候,在抽屉组件里面使用form表单的时候会设置默认form数据 ,例如

     

  //默认初始化数据
  const formInitVal = {
    polceName: data.polceName,
    type: data.type,
    status: data.status,
    trialDeviceSerial: data.trialDeviceSerial,
  };

 当我们在点击展示每条数据的时候,会发现传入了当前数据,form表单数据却无法改变,这种情况要设置抽屉的属性 destroyOnClose=true,在我们关闭抽屉的时候自动销毁form表单组件,下次再次打开就会读取我们传入的data默认数据,这样就达到了,每次点击更新抽屉里面的form表单数据

destroyOnClose	关闭时销毁 Drawer 里的子元素	boolean	false

react ant-design 使用form 与抽屉组件,解决每次点击展开抽屉,form数据不更新问题_第1张图片react ant-design 使用form 与抽屉组件,解决每次点击展开抽屉,form数据不更新问题_第2张图片

你可能感兴趣的:(react,ant-design)