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


具體代碼可以查看我的代碼倉庫

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

 

頁面展示

 

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

解決方法:

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

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

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

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

 

就是當我們使用redux-redux管理數據時

 

 

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

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

 

 

最后注意:組件獲取的是自己組件的數據

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM