2-8 React 畫面更新的發動機:state初探
觀念回顧
單向資料流畫面結果是原始資料透過模板與渲染邏輯所產生的延伸結果,而這個過程是單向且不可逆的。當資料發生更新時,畫面才會產生對應的更新,以資料去驅動畫面。
React 的一律重繪
React 在每次資料更新時採一律重繪方式更新畫面,而重繪不是直接針對DOM進行操作,而是根據新的資料重新生成React element,並透過新舊 React element 的比較結果,僅更新真正有異動需求的實際 DOM element,已完成單向資料流的維護。
什麼是 state
在前端應用程式中,需要一種臨時的"可更新資料"來記憶應用程式當下的狀態,並且在資料發生更新的時候也要連動去更新對應的畫面,這種資料稱之為應用程式的「State(狀態資料)」