【React】stateとは　（プログラミング初心者）

stateとは、

ユーザーの動きに合わせて変わる値のこと。

下記の３STEPを経てユーザーの動きに合わせて値を変える処理を行う。

STEP１　stateの定義
STEP２　stateの表示

STEP１

stateは、constructorの中で、オブジェクトとして定義。
ここで定義したオブジェクトがstateの初期値となる。
その他の部分の、「constructor(props)」「super(props);」の処理はいつも同じ記述をするため、定型文として覚えておけばOKとのこと。
（JS：コンストラクタはクラスの機能でインスタンスを生成するときに実行したい処理や設定を追加するための機能）

class App extends React.Component { 
 constructor(props) {
    super(props);
    this.state = {name:"ツチノコ"};
  }
}

STEP２

this.stateはオブジェクトなので、this.state.プロパティ名とすることで、指定したstateのプロパティ名に対応する値を取得できる。

class App extends React.Component { 
 constructor(props) {
    super(props);
    this.state = {name:"ツチノコ"};
  }
    render(){
      return(
        <h1> Hello {this.state.name}!! </h1>
    );  
  }
}