Please enable Javascript to view the contents

学习React_hooks_2

 ·  ☕ 1 分钟

从函数的角度来理解hooks的概念

React理念:UI = f(data)
视图UI会根据自变量变化

自变量:

useState 定义自变量
useReducer(复杂版的useState,为了方便操作更多自变量)
useContext 为了跨组件操作自变量

因变量:

定义无副作用的因变量(因变量依赖自变量变化)
useMemo 缓存一个因变量(由自变量计算得到的变量)+定义依赖
useCallBack 缓存一个函数类型的因变量(实际情况下可能是一个点击响应事件,事件触发后由自变量计算得到因变量)+定义依赖

定义有副作用的因变量(副作用指的是会导致视图在相同自变量的情况下却出现了不同视图的操作)
useEffect 因变量

标记变量:

useRef 标记变量 为了让组件的逻辑更灵活


more:
9分钟掌握React Hooks正确认知

分享

Llane00
作者
Llane00
Web Developer