react 數(shù)據(jù)監(jiān)聽 hook 生命周期 watch

class組件 生命周期監(jiān)聽

//監(jiān)聽組件傳遞的值: 父子組件傳參 props
 componentWillReceiveProps(newProps) {
    參數(shù)為給組件傳遞的參數(shù)
 }
 
//監(jiān)聽組件內(nèi)部狀態(tài)的變化:   父子傳參和state參數(shù) 改變后觸發(fā)
componentDidUpdate(prevProps,prevState){

}

函數(shù)組件 useEffect hook

const{ chooseItem = () => {}, isVisible = false } = props
// props和state都行

useEffect(()=>{
    if(isVisible){
    
    }else{

    }
},[isVisible])
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 理解生命周期 什么是react生命周期呢?當(dāng)我們使用各種框架開發(fā)程序時(shí),當(dāng)這個(gè)框架啟動(dòng)、程序剛運(yùn)行時(shí)、各個(gè)頁(yè)面...
    潛心專研的小張同學(xué)閱讀 862評(píng)論 0 0
  • 生命周期 現(xiàn)在流行的前端框架,無(wú)論是angular還是React,又或是Angular2以及以上,都由框架自身提供...
    賀賀v5閱讀 5,228評(píng)論 1 2
  • 背景 當(dāng)你只是自己在開發(fā)的時(shí)候怎么方便怎么來(lái),當(dāng)你水平高一點(diǎn)的時(shí)候知道自我約束,當(dāng)你成為一個(gè)小團(tuán)隊(duì)管理的時(shí)候只能無(wú)...
    吳佳浩閱讀 882評(píng)論 0 1
  • React 生命周期很多人都了解,但通常我們所了解的都是單個(gè)組件的生命周期,但針對(duì)Hooks 組件、多個(gè)關(guān)聯(lián)組件(...
    前端js閱讀 7,312評(píng)論 3 7
  • 生命周期 生命周期是一個(gè)抽象概念,在生命周期整個(gè)過(guò)程中分成了很多階段(針對(duì)類組件): 裝載階段(Mount),組件...
    張_何閱讀 324評(píng)論 0 0

友情鏈接更多精彩內(nèi)容