日本阿v片在线播放免费,成人国产片视频在线观看,日韩黄片毛片在线观看,一区亚洲电影,琪琪秋霞午夜av影视在线,中文字幕在线视频不卡,最新大伊香蕉精品视频在线,亚洲AV无码日韩一区二区乱 

  
      
    

      

	
      
		
      
			
      
				
      React生命周期函數詳解和注意事項
      
				
      
					
       2018-7-10      seo達人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

      

      
    

      

      
    React生命周期函數

      

      
    生命周期函數是指在某一個周期自動執行的函數。 
      
      

      

      
    React中的生命周期執行過程

      

      

      
    以下是React中的常用的生命周期函數，按個部分中按照自動執行順序列出，這幾個過程可能存在同時進行

      

      
    初始化過程(Initialization)

      

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

      

      
    掛載過程(Mounting)

      

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

      

      
    更新過程（Updating）

      

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

      

      
    移除過程（Unmounting）

      

        
    
      • 
        componentWillMount()：當組件即將被頁面剔除時執行。
    
        • 

      

      
    注意事項

      



      

      
    
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
      
          
      
                    
      
          
      藍藍設計的小編
          http://www.jjddy.com
      
      
      
    
      
    
      
      
      存檔