可能看過我以前文章的同學應該會猜得到當我用New的方法來舉例學習高階元件時,接下來要分享的就是柯里化了。高階元件與函式柯里化的運用是非常能夠提高程式碼逼格的技巧,如果你有剩餘的精力,完全可以花點時間學習一下。
在前端基礎進階(八):深入詳解函式的柯里化一文中,我有分享柯里化相關的知識。
我們普通情況下使用高階元件,大概會如下使用。
export default withHOC(basicComponent);
而我們在學習react-redux
的時候會發現,每當我們建立一個容器元件時,就必須使用connect
將react與redux關聯起來。
export default connect()(basicComponent);
或者如果有額外的引數與方法要處理時,會這樣使用:
export default connect(mapStateToProps, mapDispatchToProps)(Link);
如果你對柯里化有過了解,就會發現其實這正是柯里化的一個應用。雖然說高階元件與柯里化都屬於比較難以理解的知識點,但是他們組合在一起使用時並沒有新增更多的難點。因為高階元件其實也是可以理解為普通函式的。
待定… …
主要是想分享關於可配置的高階元件的相關知識,暫時沒想好怎麼寫,感覺通過柯里化來描述太難描述清楚了 蛋疼 ~ ~