注意：只有類組件才有生命周期鉤子函式，函陣列件沒有生命周期鉤子函式，
生命周期
- 裝載階段：constructor() render() componentDidMount()
- 更新階段：render() componentDidupDate()
- 卸載階段：componentWillUnmount()
(面試題)shouldComponentUpdate()
- 回傳true時，正常進入更新階段，回傳false時，不進入更新階段，
- this.$forceUpdate()這個方法呼叫，會繞過shouldComponentUpdate(),一定會 進入更新階段，
- shouldComponentUpdate()一般用于性能調優，阻塞掉哪些不參與視圖渲染的變數更新導致的(Fiber)生成，
- shouldComponentUpdate()只有在類組件Component中才有用，在PureComponent中沒用，
React組件的渲染(更新)流程
由兩個階段構成，一個是render階段，一個是commit階段，
render階段： 目標是生成Fiber樹，這個程序是異步的，可以中斷的，并且不執行任何副作用，
commit階段：目標是把協調運算的結果，一次性提交渲染(更新)成真實DOM，這個程序在React(v17)是不可中斷的，在React(v18)中可以人為的中斷（由startTransitansition進行中斷）
React回應式原理(Fiber架構)
什么是Fiber單元
每一個JSX元素節點都是一個Fiber單元（React.creatElement()的回傳值）
為什么React要構建復雜的Fiber樹
為了讓協調運算，commit階段可以回圈執行，而不是遞回
怎么執行協調運算
沒個Fiber單元上都有一個alternater指標，指向舊Fiber中的自己，如果新的Fiber樹存在，但舊的Fiber樹不存在，說明新增節點；如果新的Fiber樹不存在，但舊的Fiber樹存在，說明這個節點是要洗掉的節點；如果新舊Fiber樹都存在這個節點，進一步遍歷新舊節點的屬性，對比新舊節點的變化，
這些獨立的Fiber單元是怎么串聯成Fiber樹
給每個Fiber單元添加(child，sibling，parent)指標
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/501816.html
標籤：其他
上一篇：state宣告式
下一篇：關于重繪和回流的決議