ReactNative组件的生命周期

最近在学习RN开发,总结下组件的生命周期,直接用下面一段组件的代码来展示一下:

export default class ComponentName extends Component{
	//props state 初始化和设置
    getDefaultProps(){

    }
    getInitalState(){

    }
	//将要挂载 业务的初始化 只执行一次
    componentWillMount(){

    }
	//渲染 展示内容 绝对不能在该方法调用改变状态的的方法(setState)!
    render(){
        return(
            
                xxx
            
        )
    }
	//已经挂载 通知组件已经加载完成。
	//需要注意的是,RN 框架是先调用子组件的 
	//该方法在整个生命周期中也是只调用一次!
    componentDidMount(){

    }
	//如果组件收到新的属性(props),就会调用该方法。
	//在这个回调函数里面,你可以根据属性的变化,
	//通过调用 this.setState() 来更新你的组件状态,
	//这里调用更新状态是安全的,并不会触发额外的 render() 调用。
    componentWillReceiveProps(){

    }
	//是否需要更新组件 默认返回true
    shouldComponentUpdate(){

    }
	//组件即将更新 不能使用 this.setState 来修改状态
	//会更新props state 接着调用render
    componentWillUpdate (){

    }
	//通知更新完成 已经调用完毕render
    componentDidUpdate (){

    }
	//组件要被从界面上移除的时候
	//做一些清理的方法
    componentWillUnmount (){

    }
}

你可能感兴趣的:(ReactNative组件的生命周期)