react(三)コンポーネント内部状態state使用方式

reactでは、コンポーネントのレンダリングプロセスを駆動する2つの方法:propとstate.
stateはコンポーネントの内部状態を表し、Reactコンポーネントは受信したpropデータを修正できないため、自身のデータの変化を記録する必要があり、stateを使用します.
1、stateを初期化する
通常、コンポーネントクラスのコンストラクション関数の最後にthis.stateを定義します.この値はオブジェクトでなければなりません.
2、stateの属性値を読み込む
方法1:オブジェクト取得属性値

this.state.   

方式2:es 6の構造付与

{   }=this.state

3、stateの更新
this.setStateの役割:this.stateのデータを更新してから、コンポーネントの再レンダリングを駆動します.

this.setState( {state   ：  } );

注:stateを更新するには、コンポーネントレンダリングを駆動できないため、this.stateを直接使用することはできません.