1. useRef 与 createRef的区别

因为hooks引入了钩子函数useRef

2. react中的一些方法

3. hoc的使用

为什么使用hoc/ 为什么不使用hoc
作用:

  1. 丰富props

4. class组件的生命周期以及父子组件的执行顺序

隐含的方法: setState/ forceUpdate/事件处理函数
这些生命周期函数以及render中的异步函数会等到当前所有的生命周期中的同步函数执行结束才会执行。
image.png
生命周期分为三个阶段

  1. 初始渲染(render)
    1) 初始化props,通过类的静态属性defaultProps或者getDefaultProps函数得到初始化的props, 然后会与父组件指定的props合并,最后赋值给this.props
    2) constructor/getInitialState 获取state【1】
    3) componentWillMount【1】
    因为componentWillMount是在render之前执行,所以在这个方法中setState不会发生重新渲染 (re-render); 但是可以设置状态,相当于修改状态初值 2 这是服务端渲染 (server render)中唯一调用的钩子 (hook);
    4) render()【n + 1】
    5) componentDidMount() [1]
    这里进行setState导致组件re-render 但是界面不一定更新。取决于 shouldComponentUpdate
  2. 更新(导致re-render)
    更新能否进行取决于shouldComponentUpdate 默认是true 一直允许组件更新
    这里还有一个强制更新的概念,即使不理会shouldComponentUpdate函数的返回值。
    触发更新: 自身的state变化或者父组件或者context变化
  3. 卸载
    当前节点的

仅仅一个组件:
constructor
componentWillMount
render
componentDidMount
shouldComponentUpdate
componentWillUpdate
render
componentDidUpdate

5. 新旧生命周期的对比

函数组件的伪生命周期


小懵
4 声望0 粉丝

« 上一篇
代理
下一篇 »
ts