高阶函数和自定义hooks函数

来源:4-10 【自定义Hook】useAddToCart()

weixin_慕神3292065

2021-03-16

在4-10章节里,看到老师使用了自定义hooks,将高阶函数的逻辑抽离到自定义hooks函数方法里,然后运用到打折商品的组件中,然后取消高阶函数的引用,用自定义函数取代,我觉得这种做法让人看起来很舒服,我在Vue3的框架里也是使用这样的方法自定义钩子来处理逻辑的;
但是前面的高阶函数确实另一种做法,相当于纯函数,输入一个组件,返回一个新的组件,将组件的逻辑也封装在里面,这在项目开发中会让我疑惑,因为即使两个组件的代码逻辑一样,我只需要抽离共同的代码封装成自定义hooks,然后在各自的组件中引用也是能够解决代码重复的痛点的;
所以我个人比较倾向于使用自定义useHooks,也可能我对HOC的运用确实不熟悉吧

写回答

1回答

阿莱克斯刘

2021-03-17

原理的理解上都已经到位了,我也倾向使用hook,但是hook也是有解决不了的事情。比如说处理组件间的数据传递产生的props drawing,hooks就不是那么容易解决了。

这里有个补充资料,你可以从第22:50开始看。https://www.bilibili.com/video/BV1Kr4y1K7so#reply4273766154

3
0

React18 系统精讲 结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发,获取必备技能

1993 学习 · 1015 问题

查看课程