关于实现在阿里的Antd的Modal上实现动态表的一种思路

关于实现在阿里的Antd的Modal上实现动态表的一种思路

问题描述

有一种业务场景，就是我们需要在一个Modal中实现动态添加表单项。并且在该Modal期间会触发状态树的更改，比如你在Modal上填写了一堆数据
然后点击提交按钮，数据被提交到后台，可是后台发现数据不满足需求，返回了错误信息。此时你希望Modal仍然能显示出来，并且包含已经填写过
的信息。但是当用户点击新建按钮时候，你又希望这个Modal清空不包含任何信息。

目前的解决方案

• 异步请求回来后Modal多次闪现等问题 #916
• 上面给出的方案是创建一个新的Modal管理，我尝试了一下没成功，而且代码也变得复杂了。
• 我们想尽可能少的更改代码。于是提出了一个新的思路

新建编辑的时候改Key,其它时候不改Key

阿里给的参考例子中Modal在Layout中都是通过函数加载的如

  cosnt ModalGen = ()=>(<Modal {
    ...ModalProps}/>)
  return (
  ...