javascript - antd "清空"級聯內的值
天蓬老师
天蓬老师 2017-05-19 10:36:29
0
4
832

情境描述
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設定下就行了。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板