javascript - antd "清空"级联内的值

Question

情景描述
1.二次包裹了级联组件
2.在新闻列表编辑功能中使用，编辑功能是弹出一个拟态框的表单框

问题描述
每次点击任意一个编辑弹出的拟态框表单，在里面的级联组件选择了任意一些值，然后点关闭编辑拟态框，再点击任意一条新闻编辑，弹出的拟态框都是默认把上次的选择未确定提交的值显示出来。

尝试过的方法
使用了表单重置方法 resetFields 无法清空级联框里面的值，在antd的github中找到一些帖子尝试依然无效，在其中一个帖子得知 https://github.com/ant-design... resetFields是重置无法清空。

理想目标
每次点击编辑，我想强制清空里面的值。

谢谢大家~！

Answer 1

在componentDidMount这个生命周期里把级联的值清空

Answer 2

把组件的value与state绑定，设置个初始值就好了。

Answer 3

不知道题主是不是使用了 antd 的 Form 和 Form.item？如果是的话，antd 是使用了“高阶函数”的方式封装了 Form.Item，并将级联的 value 和 Form.Item 的 initialValue 或 value(好吧，我也记不清了...) 关联了，二次封装的话，应该使用相应的 this.props.value 来控制封装逐渐内部的 value。

Answer 4

没看到你代码，不知道你怎样实现代码的，不过最单的方法把你组件的value和state绑定，当你想清空组件的值时，就重新setState设置下就行了。