你有沒有聽說過 React JavaScript 庫中的 State
但不知道如何使用它?狀態是指“每個對像出現在網頁上的方式”。 “這個概念很簡單——它是關於組件當前狀態的數據的集合,可以通過修改所描述的數據來改變。每當數據發生變化時,它就會再次顯示在計算機屏幕上。條件中最難的部分知道如何以及何時使用它。但不要擔心,因為本教程解釋瞭如何使用狀態。
為了給你一個快速的概述,設置你使用的初始狀態 this.state
在 JavaScript 構造函數中。要更新狀態,請使用 setState 方法
。我們將在本教程中詳細討論狀態和使用狀態的方法。
什麼是React State?
React state 是一個具有一組為組件指定的屬性的對象,這有助於組件的呈現方式。具有 state
的組件稱為有狀態的。如果組件需要在不同版本之間跟踪有關它的信息,您通常會使用它。
一個示例是需要跟踪 num 的“like”按鈕組件它點擊的次數。每次按下按鈕時,這應該會重新出現在屏幕上,就像顯示更新的點贊數一樣。為此,我們必須確保類似按鈕的組件遵循信息,而不是重複我們一遍又一遍地編碼的信息。畢竟,你不想錯過這些人。
可以通過this.state
訪問組件的狀態數據,並使用.setState<進行編輯/代碼>方法。狀態是私有的,因為它不能被包含狀態的組件改變
很多人將狀態與附件混淆,這是反應的另一個對象,但有重要的兩者的區別。其中之一是狀態是動態的,這意味著它包含的數據可以改變,從而影響組件的行為。另一方面,道具是不可變的,這意味著“它的狀態在構建後不能改變。”