這篇文章主要介紹react生命周期有幾個(gè)階段，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

為中站等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及中站網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站建設(shè)、成都做網(wǎng)站、中站網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專(zhuān)業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

React的生命周期一共分為初始化階段，更新以及銷(xiāo)毀階段。初始化表示組件在DOM樹(shù)進(jìn)行第一次渲染，更新表示組件重新渲染的過(guò)程；銷(xiāo)毀表示組件從DOM中刪除的過(guò)程

React是一個(gè)用于構(gòu)建用戶界面的JavaScript庫(kù)，它主要用于構(gòu)建UI，它具有較高的性能而且代碼邏輯非常簡(jiǎn)單。今天將要介紹的是React的生命周期，具有一定的參考作用，希望對(duì)大家有所幫助。

react生命周期分為三個(gè)階段分別是：初始化階段，更新階段，銷(xiāo)毀階段。接下來(lái)在文章中將為大家詳細(xì)介紹

初始化階段：

即把組件第一次在DOM樹(shù)中進(jìn)行渲染

import React, { Component } from 'react';

class Test extends Component {
  constructor(props) {
    super(props);
  }
}

初始化階段也就是上述代碼中類(lèi)的構(gòu)造方法一樣，Test類(lèi)繼承了react Component基類(lèi)，也就等同于繼承了react的基類(lèi)，這樣才有了render()，即生命周期等方法才可以使用。

代碼中super(props)主要是用來(lái)調(diào)用基類(lèi)的構(gòu)造方法constructor()的，同時(shí)也將父組件的props注入給子組件，讓子組件讀取。在這里需要注意的是組件中props只讀不可變，而state是可變的。

構(gòu)造函數(shù)constructor()是用來(lái)做一些組件的初始化工作，如定義this.state中的初始內(nèi)容

更新階段：

表示組件被重新渲染的過(guò)程

當(dāng)props或者是state被修改時(shí)，就會(huì)觸發(fā)組件的更新過(guò)程

componentWillReceiveProps（nextProps）

當(dāng)父組件的render函數(shù)被調(diào)用時(shí)，在render函數(shù)里被渲染的子組件，都會(huì)經(jīng)歷更新的過(guò)程，無(wú)論父組件傳給子組件的props有沒(méi)有改變，都會(huì)觸發(fā)componentWillReciveProps

注意this.setState觸發(fā)的更新，不會(huì)調(diào)用上述的方法。如果this.setState的調(diào)用觸發(fā)了上述的方法，則會(huì)導(dǎo)致死循環(huán)。只有當(dāng)nextProps和this.props兩者有變化的時(shí)候，才會(huì)調(diào)用this.setState來(lái)更新組件內(nèi)部的state

shouldComponentUpdate（nextProps，nextState）

該方法決定了一個(gè)組件什么時(shí)候不需要渲染 ，如果使用的恰當(dāng)則會(huì)提高性能

當(dāng)返回true時(shí)則調(diào)用componentWillUpdate，render，componentDidUpdate，否則不會(huì)有后續(xù)的方法調(diào)用。

實(shí)際上，React做服務(wù)器端渲染的時(shí)候，基本上不會(huì)經(jīng)歷更新過(guò)程，因?yàn)榉?wù)端渲染，只需要產(chǎn)出HTML的字符串就好了，而初始化階段就可以實(shí)現(xiàn)，所以一般情況下，服務(wù)器端是不會(huì)調(diào)用compentDidUpdate方法，如果調(diào)用了說(shuō)明程序出錯(cuò)了，需要改進(jìn)

銷(xiāo)毀階段：

表示組件從DOM中刪除的過(guò)程

在銷(xiāo)毀階段只有一個(gè)生命周期方法：

componentWillUnmount

這個(gè)方法在組件被銷(xiāo)毀前調(diào)用，主要執(zhí)行一些清理工作，比如清除組件中使用的定時(shí)器，componentDidMount中手動(dòng)創(chuàng)建的DOM元素等，以避免引起內(nèi)存泄漏。

以上是“react生命周期有幾個(gè)階段”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前名稱(chēng)：react生命周期有幾個(gè)階段-創(chuàng)新互聯(lián)
新聞來(lái)源：http://chinadenli.net/article18/cogjdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、網(wǎng)站策劃、網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、網(wǎng)站改版、全網(wǎng)營(yíng)銷(xiāo)推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)