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

鍍金池/ 問(wèn)答/HTML/ React多個(gè)組件內(nèi)不同事件產(chǎn)生相同操作

React多個(gè)組件內(nèi)不同事件產(chǎn)生相同操作

如題,我有一個(gè)工程內(nèi)部有多個(gè)組件,在這些組件內(nèi)部都有一些事件處理和操作。并且這些組件內(nèi)部的不同操作事件可能會(huì)導(dǎo)致相同結(jié)果,包含對(duì)redux的更新。

例如我有兩個(gè)操作redux的方法asce,update,在組件A中對(duì)其中的一個(gè)按鈕進(jìn)行監(jiān)聽(tīng),按下之后觸發(fā)asce(),update()。在組件B中同樣監(jiān)聽(tīng)其中一個(gè)按鈕,按下后觸發(fā)這兩個(gè)方法。
目前看來(lái)是沒(méi)什么問(wèn)題,因?yàn)榉椒ū容^簡(jiǎn)單,但如果當(dāng)我需要在之前對(duì)數(shù)據(jù)進(jìn)行一些處理和復(fù)雜操作或組件增多的情況這樣寫(xiě)就似乎顯得很復(fù)雜,會(huì)導(dǎo)致同樣繁雜的代碼存在于多個(gè)地方。

有沒(méi)有什么方法可以使不同組件中相同職能的代碼只寫(xiě)一次?

回答
編輯回答
雅痞

不同組件中的相同代碼,你可以抽出去做一個(gè)common組件。
然后在不同的組件中import就好了。

2018年1月28日 02:20
編輯回答
有你在

這些操作應(yīng)該封裝到 redux 里,放到 action creator 或者 middleware 中。除了 container 其它組件應(yīng)該完全不知道 redux 存在,只負(fù)責(zé)調(diào)用 props。

2018年9月3日 12:08