zoukankan      html  css  js  c++  java
  • 前端笔记 2020.4.2 (React生命周期)

    关于对React生命周期的理解:

    defaultProps:此为初始化props 用于页面中数据传入(2种写法,一般组件内,大多情况不写)

     组件内 

     组件外

    constructor:状态初始化

    componentWillMount:组件渲染前执行

    render:组件首次渲染

    componentDidMount:组件首次渲染后回调

    componentWillReceiveProps:组件的属性被改变时的用法
    用于父子组件交互,当父组件更改了子组件传入的属性时,子组件执行的生命周期
    子组件:

    父组件:

    给子组件传个state作为更改,父组件上做个点击事件

    点击后变更state,render后执行到子组件

    子组件的componentWillReceiveProps就能取到新值

     

    shouldComponentUpdate:setState后判断是否要更新。一般用法,如果state没有变化,就不更新了。

    componentWillUpdate:确定更新,重新render前执行的

    componentDidUpdate:已更新,重新render后执行的

  • 相关阅读:
    奔溃瞬间1
    面试知识点blog汇总
    贪心
    树 和 图
    DFS 和 BFS
    STL
    哈希表
    手写堆
    并查集
    二项式反演学习笔记
  • 原文地址:https://www.cnblogs.com/wuhairui/p/12622019.html
Copyright © 2011-2022 走看看