React生命周期

2023年2月27日 99次阅读 来源: 香蕉你个拔娜娜

Mounting阶段

// 组件行将挂载的性命周期函数
componentWillMount(){}

// 实行衬着的函数
render(){}

// 组件完整挂载完成 示意能够操纵DOM元素的性命周期
componentDidMount(){}

组件更新的阶段 触发更新的前提是state的转变与props的转变

// 父组件通报给子组件的props发作转变的时刻触发（初始化父组件的时刻是不会被实行的）
// 触发前提 1.一个组件须要从父组件吸收参数 就是含有props 2.只需父组件的render函数被从新实行(就是初始化的时刻是不会实行的)，子组件的这个性命周期就会被实行
componentWillReceiveProps(nextProps){ }


// 组件更新之前会被实行 门神函数 必需返回false 或许 true
shouldComponentUpdata(nextProps,nextState){

}

// 组件行将更新
componentWillUpdate(nextProps,nextState){

}

//衬着函数
render(){

}

// 组件更新终了 能够获取到更新之前的props state
componentDidUpdate(prevProps,prevState){}

组件的烧毁阶段

// 组件将要被烧毁
componentWillUnmount(){

}

运用历程涌现的题目

表单赋值 初始值的时刻 假如内里的表单的值有隐约搜刮的状况，就会涌现内里的值被恢复到了初始值，原因是表单赋值的时刻 我们直接绑定的value 而不是 defaultValue 假如是defaultValue 那末就只会涌现一次赋值的状况

// 涌现这类状况的前置前提 就是表单的初始值 是有父级经由过程props通报下去的 当父组件的state 或许 store 内里的值转变的时刻，都邑触发组件的从新衬着
    原文作者：香蕉你个拔娜娜
    原文地址: https://segmentfault.com/a/1190000016098104
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞