react 子组件监听props 变化

最新推荐文章于 2024-08-06 14:19:01 发布

weixin_34127717

最新推荐文章于 2024-08-06 14:19:01 发布

阅读量2.3w

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/woddp/blog/3041551

版权

本文探讨了React中子组件如何监听并响应父组件传递过来的props的变化，讲解了相关机制和最佳实践。

摘要由CSDN通过智能技术生成

为什么80%的码农都做不了架构师？>>>

componentWillReceiveProps //已经被废弃  


componentDidUpdate  //推荐使用
getDerivedStateFromProps// 推荐使用



componentDidUpdate(prevProps){
        if(prevProps.item.width!==this.state.width){
            this.setState({
                width:prevProps.item.width,
            })
        }
    }


//如果条件不存在必须要返回null   
static  getDerivedStateFromProps(props, current_state) {
        if(props.item.width!==current_state.width){
            return {
                
                width:props.item.width,
            }
        }
        return null
}

转载于:https://my.oschina.net/woddp/blog/3041551