Day26 了解Hook

Hook是React在16.8中增加的新功能,和过往React Component架构相比,可以帮助使用者不必再用class的方式包装,来完成React state 与生命周期时的各种功能行为。

Hook的优点

  • 不改变Component的前提下让程序重用stateful(有状态)的逻辑
    过去为了重用某一功能行为到另一个Component上,可以使用render props以及higher-order components等方式去达到此目的,但要使用这些方法的话必须要重新包装Component,且长久下来若多次使用这些方法去调整Component的话,最终会让程序难以理解、维护。
  • 减少学习成本
    Hook帮助开发人员能用function的方式去理解、开发React,不需要花额外时间去学习Class。
  • 无转换成本
    就算你是一个习惯用Class的方式去开发的工程师,导入Hook也没有必要改写既有的程序码,且可以使用原有的props、state、context、refs 以及 lifecycle等方式去开发。

<<:  [Day 26] Web 小厨娘

>>:  【Day26-报表】我的资料仪表板动起来了——超方便的互动式报表工具Google Data Studio上手教学

DAY30 进行式--工作日志005

工作日志碎碎念 抱歉,我做不完,在此下跪 一样开始报告今天的进度,今天主要在搞那个日期阿,没错就是那...

想抢先经营网路行销,必需先了解5件事

在辅导企业高层主管上课时候,我常跟他们说如果不了解你的产品市场那麽就无法开始执行方案,因此在这个後疫...

[ 卡卡 DAY 2 ] - React Native 是什麽? 原理?优点?

起源 於 2015 年 3 月 Facebook 开放了 React Native 的原始码,让使...

Day 25 - Spring Security (二) UserDetailsService

Spring Security 的验证作业实际是交由``AuthenticationProvider...

Day4- D3选取器:Selection

本篇大纲:selection 重点概述、selection 提供的 API、selection 调...