关于 react hooks 的一些不成熟的想法 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
yukinotech
V2EX    程序员

关于 react hooks 的一些不成熟的想法

  •  1
     
  •   yukinotech 2019-10-10 14:21:32 +08:00 3551 次点击
    这是一个创建于 2246 天前的主题,其中的信息可能已经有所发展或是发生改变。
    这两天学习了 react hooks 的 API,和 vue,和 class 组件相比较之后,产生了一些想法。

    1、useEffect 不仅仅是替代了生命周期,第二个参数有点实现了类似 vue 的 watch 的功能,尽管是浅监控( object.is 进行判断),可以实现某个变量变化后的,执行一段副作用代码。

    2、而 useMemo 有点实现了类似 vue 的 computed 的功能。不过官方也说了 useMemo 不能保证一定缓存。

    感觉上 react hooks 确实在场景处理上更加灵活一些,不知道大家怎么看待的
    10 条回复    2019-10-10 22:47:48 +08:00
    cuzfinal
        1
    cuzfinal  
       2019-10-10 15:22:31 +08:00   1
    这是为了让你刚方便的使用函数式组件,别跟 vue 比
    VDimos
        2
    VDimos  
       2019-10-10 15:38:36 +08:00 via Android   1
    hooks 是为了解决函数式组件无状态的问题,vuex 解决的是状态管理的问题,vuex 对比的应该是 mobx
    yukinotech
        3
    yukinotech  
    OP
       2019-10-10 15:57:33 +08:00
    @cuzfinal 你说的很对,开发团队增加第二个参数这种功能,就是为了更加方便的使用函数式组件。可见这种类似于 watch 和 computed 的功能对于某些场景是比较方便的。和 vue 类似功能的比较就是思路的延伸,为什么不能类比呢?个人觉得是一种思路的转换
    yukinotech
        4
    yukinotech  
    OP
       2019-10-10 16:03:16 +08:00
    @VDimos 你可能没有区分 vuex 和 vue 的关系,computed 和 watch 都是 vue 的特性,而不是 vuex 的内容,hooks API 本身和状态管理是无关,自定义 hooks 本身可以复用逻辑,但是不能共享状态的。所以我有点不太明白你在说啥,这个话题和状态管理有关系吗。。
    momocraft
        5
    momocraft  
       2019-10-10 16:09:03 +08:00
    1

    useEffect 仍然不能自动追踪 “任意" 变量,需要有什么东西 "推" 变量变化给 react。比如用 rx/mobx 驱动 prop 或 state 的变化。和 watch 感觉方向有微妙的差别。

    灵活就主观了,v2 很多 vue 爱好者的。
    shunia
        6
    shunia  
       2019-0-10 16:11:27 +08:00
    useEffect 比 class 写法省了几十行代码才是真的爽。
    但是好像 vue 本来就挺省的。。。

    从另外的角度来说,不太懂有什么可比性。

    另外你说的关于 hooks 本身的特性都说的很对。
    cjc2017
        7
    cjc2017  
       2019-10-10 16:17:25 +08:00
    @momocraft 经常在 v 站看到你努(hua)力(shui)工(mo)作(yu)
    VDimos
        8
    VDimos  
       2019-10-10 16:32:28 +08:00 via Android
    @yukinotech 搞混了,想当然以为 computed 和 watch 是 vuex 的了
    lithium4010
        9
    lithium4010  
       2019-10-10 16:33:33 +08:00
    最近在用 hooks 重构项目,清爽干净好理解,舒服
    monkindey
        10
    monkindey  
       2019-10-10 22:47:48 +08:00
    Function Component + Hook + Context 写代码不能再爽 。

    一些小思考 https://zhuanlan.zhihu.com/p/85569941
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3168 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 11:35 PVG 19:35 LAX 03:35 JFK 06:35
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86