初始化階段

• constructor(props)
• 這是組件類的構(gòu)造函數(shù)，通常在此初始化state數(shù)據(jù)模型。

constructor(props) {
  super(props);
  this.state = {
    //key : value
  };
}

• componentWillMount
• 表示組件將要加載到虛擬DOM，在render方法之前執(zhí)行，整個生命周期只執(zhí)行一次。

componentWillMount() {
}

• componentDidMount
• 表示組件已經(jīng)加載到虛擬DOM，
• 在render方法之后執(zhí)行，整個生命周期只執(zhí)行一次。
• 通常在該方法中完成異步網(wǎng)絡(luò)請求或者集成其他JavaScript庫

componentDidMount() {
}

運行階段

• componentWillReceiveProps(nextProps)
• 在組件接收到其父組件傳遞的props的時候執(zhí)行,參數(shù)為父組件傳遞的props。
• 在組件的整個生命周期可以多次執(zhí)行。
• 通常在此方法接收新的props值，
• 重新設(shè)置state。

componentWillReceiveProps(nextProps) {
  this.setState({
    //key : value
  });
}

• shouldComponentUpdate(nextProps, nextState)
• 在componentWillReceiveProps(nextProps)執(zhí)行之后立刻執(zhí)行；
• 或者在state更改之后立刻執(zhí)行。
• 該方法包含兩個參數(shù)，分別是props和state。
• 該方法在組件的整個生命周期可以多次執(zhí)行。
• 如果該方法返回false，
• 則componentWillUpdate(nextProps, nextState)及其之后執(zhí)行的方法都不會執(zhí)行，組件則不會進(jìn)行重新渲染
• 用于攔截props和state做一些邏輯判斷

shouldComponentUpdate(nextProps, nextState) {
  return true;
}

• componentWillUpdate(nextProps, nextState)
• 在shouldComponentUpdate(nextProps, nextState)函數(shù)執(zhí)行完畢之后立刻調(diào)用，
• 該方法包含兩個參數(shù)，分別是props和state。
• render()函數(shù)執(zhí)行之前調(diào)用。
• 該方法在組件的整個生命周期可以多次執(zhí)行

componentWillUpdate(nextProps, nextState) {
}

• componentDidUpdate(preProps, preState)
• 在render()方法執(zhí)行之后立刻調(diào)用。
• 該方法包含兩個參數(shù)，分別是props和state。
• 該方法在組件的整個生命周期可以多次執(zhí)行。
• 通常用于更新完畢在這里做一些操作

componentDidUpdate(preProps, preState) {
}

• render()
• render方法用于渲染組件。在初始化階段和運行期階段都會執(zhí)行。

render() {
  return(
    <View/>
  );
}

銷毀階段

• componentWillUnmount()
• 銷毀時調(diào)用，通常用來取消時間綁定
• 移除虛擬DOM中對應(yīng)組建的數(shù)據(jù)結(jié)構(gòu)

componentWillUnmount() {
}