react引入相同元件時互不影響

haom 發表於 2020-08-01

具體程式碼可以檢視我的程式碼倉庫

https://gitee.com/haomYGH/Web20/tree/master/010-React/014-redux-immutable

 

頁面展示

react引入相同元件時互不影響

 

要處理的問題:操作上面的元件影響到了下面的元件???

解決方法:

.........................................................................................................

如果頁面需要使用相同的元件,我們需要保證兩點不同,
1.元件名
2.actiion.type不同
這樣當點選頁面派發action的時候,才不會相互影響

......................................................................................................

具體實現:修改元件派發的action中的type

react引入相同元件時互不影響

 

就是當我們使用redux-redux管理資料時

react引入相同元件時互不影響

 

 

這一步相當於把所有子元件的reducer放在了同一個檔案下。

所以當派發action時,如果裡面的type相同,程式就會走到對應的判斷語句裡,從而修改各個元件的state

react引入相同元件時互不影響

 

 

最後注意:元件獲取的是自己元件的資料

 

 

 react引入相同元件時互不影響