react核心

react 的fiber

有5个优先级的等级

  • Immediate
  • UserBlocking
  • Normal
  • Low
  • Idle

高阶组件

怎么写一个高阶组件?

  1. 普通方式
  2. 装饰器
  3. 多个高阶组件组合

高阶组件

  1. 属性代理

    1、操作props
    2、操作ref

  2. 继续/劫持

什么是react hooks?优势

useState
useEffect
useMemo

react hooks 有什么优势

class 的缺点

  1. 组件间的状态逻辑很难复用
  2. 复杂业务的有状态组件会越来越复杂
  3. 监听和定时器的操作,被分散在多个区域

不要在render里写bind

hooks 的优点

  1. 利于业务逻辑的封装和拆分,可以自由自定义hooks(自己封装的用到了react hooks的公共逻辑)
    useEffect(()=>{})
  2. 可以在无需修改组件结构的情况下,复用状态逻辑
  3. 定时器、监听等等都被聚合到同一块代码下

hooks使用注意事项

  1. 不能在循环判断里用
    索引问题
  2. 只能在 React 的函数组件中调⽤ Hook,不要在其他 JavaScript 函数中调⽤
  3. 自定义的hook怎样操作组件

经验总结

zgh wechat
今天扫码,有机会分配一位小哥哥,在线教前端。
请不要给我打赏!