本文介绍了一个React应用中使用antd的弹窗组件时遇到的问题：在清空表单后，再次打开弹窗时表单无法正常工作。文章详细分析了问题原因，并给出了具体的解决方案。
技术栈： react + dva + antd
问题描述：
在状态组件中书写state下的columns,其中涉及点击某处出现弹框modal的操作，在modal中有select选框，点击取消或X清空所有表单信息。
起初是将setFields的方法写在了取消按钮上，清空表单信息是有效的，但是再次打开弹窗，里面的表单还保持着无法选择的状态。点击选框内的各个选项，报错Cannot read property ‘filter’ of undefined。
点击剪头所指的笔，弹出弹框
问题原因：
当前组件的默认值还保持着被清空的状态。在点击取消之后，清空的是所有组件的内容，再打开新的弹窗后，组件的状态并没有刷新。
问题解决：
将清空组件的方法setFields放入起初点击进入弹窗的事件中，点击当前行操作当前行的数据（组件），不可跨行操作。
img为点击入口那只笔
扫一扫
1056
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
