真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

react生命周期有幾個(gè)階段

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

成都創(chuàng)新互聯(lián)專注于新民企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),成都做商城網(wǎng)站。新民網(wǎng)站建設(shè)公司,為新民等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站開發(fā),專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

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

react生命周期有幾個(gè)階段

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

初始化階段:

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

import React, { Component } from 'react';

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

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

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

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

更新階段:

表示組件被重新渲染的過程

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

componentWillReceiveProps(nextProps)

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

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

shouldComponentUpdate(nextProps,nextState)

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

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

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

銷毀階段:

表示組件從DOM中刪除的過程

在銷毀階段只有一個(gè)生命周期方法:

componentWillUnmount

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

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


分享題目:react生命周期有幾個(gè)階段
文章鏈接:http://weahome.cn/article/pggdoh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部