react antd 使用modal关闭后组件销毁

时间:2024-03-22 20:05:23

问题:

使用react modal的时候,弹框显示不同的值,因为显示的值是传到子组件中的,需要实现的是,点击不同的编辑,弹框中拿到的是对应的值。

react antd 使用modal关闭后组件销毁

使用的是在FormItem中设置initialValue,但是只有第一次能拿到值,之后就都拿不到。

原因:

modal 组件在关闭之后,并没有销毁组件,导致FormItem中设置initialValue时,只有在初始化加载的时候赋值,之后点击触发都不会加载。

解决:

设置 destroyOnClose属性 关闭时销毁组件,这样重新进入modal时就会再次挂载组件了。

react antd 使用modal关闭后组件销毁