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