react 中元件狀態的一些理解

元件狀態：即state

只有當state發生變化時，元件才會更新。

當乙個html標籤的值依賴於state的值得時候，如果state的值沒有更新時，這個標籤的值無論如何也是不會更新的。

看下面示例：

class test extends react.component
render() = this.state
console.log(name)
return }
}

在這個例子中，input的值等於 state.name.

在瀏覽器中渲染這個元件。當向input框中輸入內容時，無論怎麼輸入，input框中的內容始終是"liu"。

這就驗證了乙個理論：瀏覽器渲染的是真實dom中的內容。由於state中的內容沒變，所以虛擬dom中的內容沒有變化，因此真實dom中的內容也不會變。

其實有一些元件不需要我們做任何邏輯處理和狀態管理僅僅只是用來展示 ui介面的話這樣的元件叫做無狀態元件舉乙個很簡單的例子而且無狀態元件可以直接有乙個函式封裝不用 class 繼承component 同時無狀態元件執行起來效能也比較好事件和資料都是由父元件傳遞過來...

react 屬性和狀態的一些總結一屬性 1 第一種使用方法鍵值對陣列定義乙個函式 2 第二種方法三個點的展開物件形式 var props 增加三個引號相當於這裡面拿到兩個屬性了 one和two 3 setprops形式通過元件更新屬性，不能在元件內部中修改屬性的，因為會違背元件設計原則...

一屬性 1 第一種使用方法鍵值對陣列定義乙個函式 2 第二種方法三個點的展開物件形式 var props 增加三個引號相當於這裡面拿到兩個屬性了 one和two 3 setprops形式通過元件更新屬性，不能在元件內部中修改屬性的，因為會違背元件設計原則盡量避免 var instanc...