情景描述
1.二次包裹了级联组件
2.在新闻列表编辑功能中使用,编辑功能是弹出一个拟态框的表单框
问题描述
每次点击任意一个编辑弹出的拟态框表单,在里面的级联组件选择了任意一些值,然后点关闭编辑拟态框,再点击任意一条新闻编辑,弹出的拟态框都是默认把上次的选择未确定提交的值显示出来。
尝试过的方法
使用了表单重置方法resetFields
无法清空级联框里面的值,在antd的github中找到一些帖子尝试依然无效,在其中一个帖子得知 https://github.com/ant-design...resetFields
是重置无法清空。
理想目标
每次点击编辑,我想强制清空里面的值。
谢谢大家~!
在componentDidMount这个生命周期里把级联的值清空
把组件的value与state绑定,设置个初始值就好了。
不知道题主是不是使用了 antd 的
Form
和Form.item
?如果是的话,antd 是使用了“高阶函数”的方式封装了Form.Item
,并将级联的value
和Form.Item
的initialValue
或value
(好吧,我也记不清了...) 关联了,二次封装的话,应该使用相应的this.props.value
来控制封装逐渐内部的value
。没看到你代码,不知道你怎样实现代码的,不过最单的方法把你组件的value和state绑定,当你想清空组件的值时,就重新setState设置下就行了。