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設定下就行了。