鍍金池/ 問答/HTML/ 關(guān)于react 組件渲染問題

關(guān)于react 組件渲染問題

在一個(gè)父組件中有兩個(gè)子組件,分別是組件A 組件B.組件A是一條條的數(shù)據(jù)列表名稱,組件B是以組件A的單條數(shù)據(jù)形成的數(shù)據(jù)表單,如何在組件B中修改數(shù)據(jù)保存之后,讓組件A重新渲染,從而達(dá)到A組件的數(shù)據(jù)重新更新?

回答
編輯回答
臭榴蓮

父組件?子組件 的通信方式,解決你的問題 Demo

或者使用第三方狀態(tài)管理庫(redux, mobx...)

2018年6月18日 07:18
編輯回答
若相惜

這個(gè)主要是react兄弟組件通信的問題,如果項(xiàng)目比較復(fù)雜,我感覺你可以用redux來進(jìn)行管理數(shù)據(jù),如果不想用redux,可以這么做。

可以在AB的父組件那里定義一個(gè)方法并傳給B組件,比如叫g(shù)etLatestData,在B中修改數(shù)據(jù)保存后將更新后的數(shù)據(jù)當(dāng)作參數(shù)傳給getLatestData方法,在父組件會在getLatestData方法定義的地方拿到這個(gè)更新后的數(shù)據(jù),并且setState,這樣組件A也會重新渲染。

2017年1月22日 05:26