React生命周期

发布时间:2019-08-05 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了React生命周期脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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 里面的值改变的时候,都会触发组件的重新渲染


脚本宝典总结

以上是脚本宝典为你收集整理的React生命周期全部内容,希望文章能够帮你解决React生命周期所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。