鍍金池/ 問答/HTML/ react antd 2x中的Modal 要?jiǎng)討B(tài)加載數(shù)據(jù)，有什么辦法？

react antd 2x中的Modal 要?jiǎng)討B(tài)加載數(shù)據(jù)，有什么辦法？

想要根據(jù)表格里的數(shù)據(jù)動(dòng)態(tài)加載Modal里的數(shù)據(jù)但是每次加載的都是第一次獲取的數(shù)據(jù)圖片描述

并且發(fā)現(xiàn)Modal不再重新渲染，也就沒辦法重新獲取數(shù)據(jù)圖片描述

第一次加載的數(shù)據(jù)

有什么辦法讓組件銷毀或者更好的辦法么

回答
編輯回答
誮惜顏
  • 如果你數(shù)據(jù)都在 redux 中，就調(diào)整 Modal 的 visible 屬性時(shí)候去從新獲取數(shù)據(jù).
  • 如果你數(shù)據(jù)是在模態(tài)框內(nèi)部 state 上存著，你是在生命周期函數(shù)中去獲取數(shù)據(jù)，你可以在組建的 componentWillReceiveProps 函數(shù)里比較兩個(gè) prop的關(guān)鍵 key 是否改變判斷是否要去從新獲取數(shù)據(jù)，比如你這里面可能是會(huì)議 id.
  • 你也可以把 Modal 組建的 visible 設(shè)置 true, 然后用控制它展示的屬性判斷是否生成這個(gè) Modal，這樣每次組建都要銷毀，它每次展示時(shí)候就相當(dāng)于從新生成，它的生命周期函數(shù)就都會(huì)都執(zhí)行了
// 類似這樣
{this.state.modalVisible && <MyModal />}
2017年2月13日 22:25