• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      React生命周期函數(shù)詳解和注意事項(xiàng)
      
				
      
					
       2018-7-10      seo達(dá)人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

      

      
    

      

      
    React生命周期函數(shù)

      

      
    生命周期函數(shù)是指在某一個(gè)周期自動(dòng)執(zhí)行的函數(shù)。 
      
      

      

      
    React中的生命周期執(zhí)行過程

      

      

      
    以下是React中的常用的生命周期函數(shù)，按個(gè)部分中按照自動(dòng)執(zhí)行順序列出，這幾個(gè)過程可能存在同時(shí)進(jìn)行

      

      
    初始化過程(Initialization)

      

        
    
      • 
        在consructor()里面初始化Props和State屬性。
    
        • 

      

      
    掛載過程(Mounting)

      

        
    
      1. 
        componentWillMount()：在組件即將被掛載到頁(yè)面的時(shí)刻自動(dòng)執(zhí)行。
    
        2. 
    
      2. 
        render()：將組件掛載到頁(yè)面。
    
        3. 
    
      3. 
        componentDidMount()：組件被掛載到頁(yè)面之后立即執(zhí)行。
    
        4. 

      

      
    更新過程（Updating）

      

        
    
      1. 
        componentWillReceiveProps()：一個(gè)組件要從父組件接收參數(shù)， 只要父組件的render()函數(shù)非首次（如果這個(gè)組件第一次存在與父組件中不會(huì)執(zhí)行，如果已經(jīng)存在于父組件中才會(huì)執(zhí)行）執(zhí)行了，子組件的這個(gè)生命周期函數(shù)就會(huì)被執(zhí)行。如果組件沒有Props屬性則直接跳過
    
        2. 
    
      2. 
        shouldComponentUpdate()：組件更行之前檢查是否需要更新，注意這個(gè)函數(shù)要有一個(gè)布爾類型返回值，如果返回false，這一部分的生周期 函數(shù)將不會(huì)繼續(xù)執(zhí)行，即無(wú)論如何組件都不會(huì)更新。利用這個(gè)生命周期函數(shù)可以強(qiáng)制關(guān)閉不需要更新的子組件來提升渲染性能
    
        3. 
    
      3. 
        componentWillUpdate()：組件更新之前。自動(dòng)執(zhí)行。但要在shouldComponentUpdate()執(zhí)行并返回true之后執(zhí)行。
    
        4. 
    
      4. 
        render()：將組件更新到頁(yè)面。
    
        5. 
    
      5. 
        componentDidUpdate():組件更新完成之后立即執(zhí)行。
    
        6. 

      

      
    移除過程（Unmounting）

      

        
    
      • 
        componentWillMount()：當(dāng)組件即將被頁(yè)面剔除時(shí)執(zhí)行。
    
        • 

      

      
    注意事項(xiàng)

      



      

      
    
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個(gè)人資料
      
      
    
      
    
      
      
      存檔