在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Android  HTML  Office/ Antd 多層Modal+Form組件嵌套 如何在父級組件中清空子級組件狀態(tài)與數(shù)

Antd 多層Modal+Form組件嵌套 如何在父級組件中清空子級組件狀態(tài)與數(shù)據(jù)？

如題，多層Modal+Form格式彈窗表單嵌套

clipboard.png

子級組件用來添加數(shù)據(jù)，完成后，傳遞給父級。

clipboard.png

父級組件提交數(shù)據(jù)后，子級頁面應(yīng)該重置組件及數(shù)據(jù)。
但實(shí)際上，子級數(shù)據(jù)無法清空

clipboard.png

Antd中關(guān)于表單的API

我知道resetFields是用來重置組件的狀態(tài)與數(shù)據(jù)，但父組件如何控制子組件的狀態(tài)及數(shù)據(jù)呢？

這里是一個簡單的 DEMO

回答
編輯回答
挽青絲

官網(wǎng)還提供了一個辦法,每次點(diǎn)開modal的時候給它設(shè)置一個新key,這樣每次都是一個新的modal..

2017年1月9日 21:19
編輯回答
耍太極

給子組件創(chuàng)建一個state = {subData: {name: '', ip: ''}}
子組件Input onChange的時候，update 這個state.
每次新建的時候，將state修改為初始值state = {subData: {name: '', ip: ''}}

2018年3月24日 12:06
編輯回答
舊螢火

通過key值卸載組件

2017年3月26日 01:01