hooks 使用dva_Hooks 深思 我是否真的理解 useEffect

本文探讨了React Hooks中的useEffect,指出它并非仅替代生命周期方法,而是一个同步过程。文章强调渲染过程的"反应式"特性,依赖参数决定了数据流的传递。此外,Hooks对全栈开发者更为友好,Custom Hooks类似K8s的Operator,提供声明式API以处理复杂场景。最后,文中讨论了Suspense设计的原因,旨在提供统一的异步数据获取体验。
摘要由CSDN通过智能技术生成
238ebe87ad9ba4756769132c8e365aa6.png

点击上方蓝字关注我们

useEffect 不是简单的 didMount, didUpdate, willUnmount 的替代。但也一直无法准确地描述出来。本周读了文章 A complete Guide to useEffect 后,豁然开朗。在使用 Hooks 进行编程时,我们的 MindSet 需要彻底改变。 不再从生命周期建立我们的 Mental Model。


首先,组件的每一次渲染,props 和 state 都被 captured 而不再改变

就像电影中的每一帧一样。这得益于 React 的 Immutable 的设计。一旦我们建立了这种 MindSet,使得数据推理 UI 更加容易。

I like to think of React elements as being like frames in a movie. They capture what the UI should look like at a specific point in time. They don’t change.  --- React as a UI Runtime

I think it’s ironic that Hooks rely so much on JavaScript closures, and yet it’s the class implementation that suffers from the canonical wrong-value-in-a-

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值