react進階系列:高階元件詳解(三)

九死蠶傳人bo發表於2017-06-27

可能看過我以前文章的同學應該會猜得到當我用New的方法來舉例學習高階元件時,接下來要分享的就是柯里化了。高階元件與函式柯里化的運用是非常能夠提高程式碼逼格的技巧,如果你有剩餘的精力,完全可以花點時間學習一下。

前端基礎進階(八):深入詳解函式的柯里化一文中,我有分享柯里化相關的知識。

我們普通情況下使用高階元件,大概會如下使用。

export default withHOC(basicComponent);

而我們在學習react-redux的時候會發現,每當我們建立一個容器元件時,就必須使用connect將react與redux關聯起來。

export default connect()(basicComponent);

或者如果有額外的引數與方法要處理時,會這樣使用:

export default connect(mapStateToProps, mapDispatchToProps)(Link);

如果你對柯里化有過了解,就會發現其實這正是柯里化的一個應用。雖然說高階元件與柯里化都屬於比較難以理解的知識點,但是他們組合在一起使用時並沒有新增更多的難點。因為高階元件其實也是可以理解為普通函式的。

待定… …

主要是想分享關於可配置的高階元件的相關知識,暫時沒想好怎麼寫,感覺通過柯里化來描述太難描述清楚了 蛋疼 ~ ~

相關文章