最近在學習一個react教程的時候，他提到了react高階組件的方法，學著感覺有點懵，但是之前用過redux，感覺使用redux也可以完成這個方法，想問的是在一般的場景里，是自己寫一個react高階組件，還是使用redux呢？舉個例子：我覺得像這種高階組件，完全就可以使用redux的connect來完成
3 回答
12345678_0001
TA貢獻1802條經驗 獲得超5個贊
Redux的connect就是高階組件，只不過它的傳參只能是它規定的數據格式而已。像你圖中的這個例子，用Redux的connect應該是實現不了的。兩者其實是一個概念，connect是為Redux設計的高級組件，你也可以為你的使用場景設計合適的高階組件。
九州編程
TA貢獻1785條經驗 獲得超4個贊
我想你可以先理解這兩種技術的使用情境與目的，這會比較清楚。
高階組件(HOC)只是一種樣式，主要的目的是要讓原本的組件擴充出其它功能，例如添加生命周期的一些代碼等等。當然我說的比較簡單，還有其它的目的例如組件的重覆利用等等。
Redux本身就有使用高階組件(HOC)的樣式，可以看到的是用在react-redux這個綁定器中，connect方法在這里面提供。但Redux的目的是管控整個應用中的狀態，與高階組件的目的不同，兩者無法混為一談。
如果你的目的只是要擴充組件，那就使用HOC樣式是直覺的，但HOC是有細部的問題的，目前已知道的經過HOC的組件，原本組件中的靜態方法會消失。這是其中一個解決方式:?hoist-non-react-statics
如果你的目的是要管控整個應用領域的狀態，就用Redux之類的Flux框架，HOC只是Redux使用的其中一個樣式，它還有一些其它的樣式，各自有不同的目題。
添加回答
舉報
0/150
提交
取消