2016-08-16 44 views
-2

我的目標是調用onClick函數。假設它們中的一些已經取得了事件和一些價值,所以它不能在單一功能中調用它們。我怎樣才能做到這一點?ReactJs多個函數聯機調用

render() { 
    //describe first function (1) 
    const amountSelectClearInput = function(event) { 
     // call two functions here 
     this.amountSelect(event); 
     this.clearInput(); 
    }.bind(this); 
    var self = this; 
    return (
     <div> 
      <div> 
       {amounts.map(function (name, index) { 
        return <input type="button" value={name} 
            className={self.state.active === name ? 'active' : ''} 
            //here I must call() => self.changeClass(name) (1), and amountSelectClearInput (2) 
            onClick={() => self.changeClass(name)} key={ name }/>; 
       })} 
      </div> 
     </div> 
    ); 
} 

我需要調用amountSelectClearInput() => self.changeClass(name)在同一時間使用這種方法

回答

0
onClick={function() { amountSelectClearInput(event); self.changeClass(name)}} 
+0

一個問題是,它很難進行測試。而不是樁一個單一的方法,你需要存根兩個。另外,如果你打算這樣做,你應該把'event'定義爲匿名函數的一個參數。 –

+0

謝謝!你擅長粗魯和居高臨下。有用的,我敢肯定。 –