組件中包括state，props與render成員函數。

react中，主要通過定義state，根據不同state渲染對應用戶界面。

過程調用了成員函數setState（data，callback）。這個函數會合并data到this.state，并重新渲染組件。渲染完成之后調用可選的callback回調。多數情況下react負責視圖更新。

舉個例子：

var TextBoxComponent = React.createClass({

　　getInitialState:()=>{

　　　　return { enable:false};

　　},

　　handClick:()=>{

　　　　this.setState({enable:!this.state.enable})

　　},

　　render(){

　　　　return (

　　　　　　<p>

　　　　　　　<input type="text" disabled={this.state.enable} />

　　　　　　　<button onClick={this.handClick}> 改變textbook狀態 </button>

　　　　　　</p>

　　　　);

　　}

});

ReactDOM.render(

　　<TextBoxComponent />,

　　document.getElementById(''reactContainer'')

);

過程中，組件最初有個初始狀態，通過調用方法getInitialState獲取，這個方法在組件初始化的時候執行，返回一個對象或者null。getInitialState返回的對象會自動合并到this.state上，可以通過”this.state.屬性名”的方式來訪問屬性。

這里將enable這個值和input的disable綁定，當要修改這個屬性時，要使用setState方法。聲明handClick方法，來綁定button上面，實現state.enable的值。

當用戶單擊導致狀態變化時，this.setState方法修改了狀態值，每次修改后，this.render會被自動調用，從而自動渲染視圖。

?

1.getInitialState函數必須有返回值，可以是null、false、一個對象。

2.訪問state數據的方法是“this.state.屬性名”。

3.變量用{}包裹，不需要再加雙引號。

轉載于:https://www.cnblogs.com/omiturix/p/10787778.html

總結

以上是生活随笔為你收集整理的react state成员的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。