React 的 部分生命周期函数

周大胖子

1.         
   
2.                         生命周期函数： 在某一个生命周期组件会自动执行的函数 ；                        
   
3.                                 
   
4.                         Mouting:                                
   
5.                         
   
6.                                 componentWillMount(){
   
7.                                         // 这个函数在组件即将被[挂载 意思就是第一次挂载 只有一次 ]到页面时[之前]自动执行
   
8.                                         // 也在 render() 之前
   
9.                                 }               
   
10.                                 
    
11.                                 componentDidMount(){
    
12.                                         // 这个函数在组件即将被[挂载 意思就是第一次挂载 只有一次 ]到页面时[之后]自动执行
    
13.                                         // 也在 render() 之后
    
14.                                 }
    
15.                                 render(){
    
16.                                        
    
17.                                 }
    
18.                                                 
    
19.                                                         
    
20.                         Updation:                        
    
21.                                                 
    
22.                                 shouldComponentUpdate()
    
23.                                 {
    
24.                                         // 组件被更新之前执行
    
25.                                         //  该函数 使用要求返回一个布尔值  例如
    
26.                                         return ture;  // 如果返回false 表示组件不需要更新，页面也不会有任何反馈
    
27.                                 }                        
    
28.                                 componentWillUpdate()
    
29.                                 {
    
30.                                         // 组件更新之前执行
    
31.                                         // 如果 shouldComponentUpdate 返回 false  则该函数不会执行
    
32.                                        
    
33.                                 }                                       
    
34.                                 componentDidUpdate()
    
35.                                 {
    
36.                                         // 组件更新完成之后被执行
    
37.                                 }                 
    
38.                                                 
    
39.                                 componentWillReceiveProps(){
    
40.                                         // 如果 props 没有  则该函数不会被执行
    
41.                                         // 只要父组件的render() 重新执行了， 子组件的 此函数就会被重新执行
    
42.                                 }               
    
43.                                 
    
44.                                 
    
45.                         Unmounting:
    
46.                         
    
47.                                 componentWillUnmout(){
    
48.                                         // 当组件即将从页面剔除时 执行
    
49.                                 }                                       
    
50.                                 

复制代码