跟踪應用程序的狀態是單頁應用程序 (SAP) 記錄更改並將其報告給用戶的方式。與模板框架、視圖、控制器 (MVC) 不同,SAP 不會重定向用戶,因此需要一種方法來管理客戶端即將發生的更改。要查看 MVC 框架,請參閱此 指南。
在 React 中,組件本身可以處理自己的狀態並相應地重新生成。這是通過生命週期方法完成的,這裡將對此進行深入討論。出於本文的目的,我們將了解如何使用 setState 更改狀態。
本指南假定您對 React 有一定的基本了解。要復習或學習 React 基礎知識,本文列出了一些最好的 React 學習資源。
什麼是 React setState?
React 的 setState 方法就像穩定地改變一個組件的狀態。在 React 中更改狀態有一些特定的規則。
- 不能在類組件中調用 setState。類的組件調用構造函數()方法
並設置為初始狀態。然後我們可以通過調用 setState 進一步改變狀態。
React 中有兩種不同類型的組件。它是功能組件和類組件。出於我們的目的,我們只與類的組件交談。要更深入地查看這篇關於函數組件和類組件之間差異的 文章。 - 僅在中調用 setState類組件,我們可以使用 this 關鍵字直接引用組件本身。調用
this.setState ()
是最佳做法,可確保您的代碼不會中斷。 - 不要直接修改狀態。 React to Spawning 不會記錄直接狀態更改。狀態更改的全部意義在於觸發對該組件的新解釋,以反映對用戶所做的更改。