入力ボックスの値を取得する方法のReactの例

React をインポートし、{Component} を 'react' から取得します。
デフォルトクラスAppをエクスポートし、Componentを拡張します。
 検索（）{
 定数 inpVal = this.input.value;
 コンソールにログ出力します。
 }
 
 与える（）{
 戻る（
  <div>
  <input type="text" ref={input => this.input = input} defaultValue="Hello"/>
  <ボタン onClick={this.search.bind(this)}></ボタン>
  </div>
 ）
 }
}

React をインポートし、{Component} を 'react' から取得します。
デフォルトクラスAppをエクスポートし、Componentを拡張します。
 コンストラクタ(props){
 スーパー(小道具);
 この状態 = {
  入力値:''
 }
 }
 
 ハンドル変更(e){
 this.setState({
  inpValu:e.ターゲット値
 })
 }
 
 与える（）{
 戻る（
  <div>
  <input type="text" onChange={this.handelChange.bind(this)} defaultValue={this.state.inpValu}/>
  </div>
 ）
 }
}