我想你可以先理解這兩種技術的使用情境與目的，這會比較清楚。

高階組件(HOC)只是一種樣式，主要的目的是要讓原本的組件擴充出其它功能，例如添加生命周期的一些代碼等等。當然我說的比較簡單，還有其它的目的例如組件的重覆利用等等，可以參考這篇博客中的說明。

Redux本身就有使用高階組件(HOC)的樣式，可以看到的是用在react-redux這個綁定器中，connect方法在這里面提供。但Redux的目的是管控整個應用中的狀態，與高階組件的目的不同，兩者無法混為一談。

如果你的目的只是要擴充組件，那就使用HOC樣式是直覺的，但HOC是有細部的問題的，目前已知道的經過HOC的組件，原本組件中的靜態方法會消失。這是其中一個解決方式: hoist-non-react-statics

如果你的目的是要管控整個應用領域的狀態，就用Redux之類的Flux框架，HOC只是Redux使用的其中一個樣式，它還有一些其它的樣式，各自有不同的目題。

Redux的connect就是高階組件，只不過它的傳參只能是它規定的數據格式而已。像你圖中的這個例子，用Redux的connect應該是實現不了的。兩者其實是一個概念，connect是為Redux設計的高級組件，你也可以為你的使用場景設計合適的高階組件。