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

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

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

clipboard.png

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

clipboard.png

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

clipboard.png

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

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

這里是一個(gè)簡(jiǎn)單的 DEMO

回答
編輯回答
挽青絲

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

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

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

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

通過(guò)key值卸載組件

2017年3月26日 01:01