天天看點

React三大屬性之一——state 屬性

元件執行個體三大核心屬性1:state

1.定義

  1. state 是元件對象最重要的屬性,值是對象(可以包含多個key-value)

  2. 元件被稱為"狀态機",通過更新元件的 state 來更新對應的頁面顯示(重新渲染元件)

2. 注意

  1. 元件中 render 方法中的 this 為元件執行個體對象

  2. 元件自定義的方法中 this 為 undefined,如何解決?

    1. 強制綁定 this:通過函數對象的 bind()

    2. 箭頭函數

  3. 狀态資料,不能直接修改或更新:使用React.component上的 setState() 方法對資料進行更新

上面代碼有一些繁瑣,我們來簡化一下:

React三大屬性之一——state 屬性
React三大屬性之一——state 屬性