■stateの定義
・this.stateとし、=でオブジェクトを代入する
1 |
this.state = {name: ‘もり’}; |
■stateの取得
・this.state.任意
1 |
<h1>こんにちは、{this.state.name}さん!</h1> |
■stateの変更
this.setState({プロパティ名: 変更する値})とすることで、指定されたプロパティに対応するstateの値が変更できる
■stateの変更をメソッドに持たせる
handleClick(name){
this.setState({name:name});
}
1 |
<button onClick={() => {this.handleClick(‘もり’)}}>もり</button> |