在變化上獲得輸入值

我對reactjs很新穎。我正在嘗試打印輸入值。我試過這樣做。在變化上獲得輸入值

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>

這是行不通的。我該怎麼做？

來源

2017-04-02 ArbitB

你在控制檯得到？ – Ved

Proxy {dispatchConfig：Object，_targetInst：ReactDOMComponent，_dispatchInstances：ReactDOMComponent，nativeEvent：Event，type：「change」...} [[Handler]]：Object [[Target]]：SyntheticEvent [[IsRevoked]]：false – ArbitB

'a .target.value'可能工作。但是，您並未設置「值」，因此您可能需要'ref'。 –

您的代碼似乎正確。由於您的方法已被調用，只需嘗試此代碼即可。

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)}/>

來源

2017-04-02 18:52:49 Ved

在變化上獲得輸入值

回答

相關問題