React Hook 入门

179 阅读1分钟

理解状态

什么叫状态?

百度百科

物质系统所处的状况。

状态的特征就是可以改变。 不变的是属性,变的是状态。

举例: useState,

const [target, setTarget] = useState(0);
// targer 就可以理解为状态, setTarget 理解为行为, useState(0) 为hook api

React 中的UI,

    UI = data => {
        return <div></div>
    }

作用

理解:依赖 xxx 变化的作用

Context

(事情发生的)背景,环境,来龙去脉,都应该知道的事情。

这几个概念非常重要,能理解这几个概念就能入门hook。

  1. 每种行为一个 hook
  2. 不要再使用一个大状态,不相同类型的状态就是不同 hook
  3. 不要再思考生命周期
  4. React.memo()减少重绘次数
  5. hoook 同步问题
  6. 构造 hook封装行为。

useEffect

参考资料