変更時に入力値を取得

Question

私はreactjsにはかなり新しいです。私は値0fの入力を印刷しようとしています。私はこれをやってみました。

var ProductListing = React.createClass({ 
     onIdChange : function (a){ 
      //var test=0; 
      console.log(a) 

     }, 
     render : function(){ 
      return (

        <div> 
         <div className="field"> 
          <label htmlFor="">Id :</label> 
          <input type="number" id="txtId" onChange={this.onIdChange.bind(this)}/> 
         </div> 

これは機能しません。どうしたらいいですか？

Answer 1

コードが正しいようです。メソッドが既に呼び出されているので、このコードを試してみてください。

onIdChange : function (e){ 
      this.setState({inputValue:e.target.value}) 
      console.log(e.target.value) 
    }, 

そして、このような値の属性を追加し、コンソールになっているもの

<input type="number" id="txtId" value={this.state.inputValue} onChange={this.onIdChange.bind(this)}/>