javascript - antd "清空"级联内的值
天蓬老师
天蓬老师 2017-05-19 10:36:29
0
4
758

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

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

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

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

谢谢大家~!

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复 (4)
过去多啦不再A梦

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

    迷茫

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

      Ty80

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

        大家讲道理

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

          最新下载
          更多>
          网站特效
          网站源码
          网站素材
          前端模板
          关于我们 免责声明 Sitemap
          PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!