ReactJs 여러 함수가 인라인으로 호출됩니다.

Question

내 목표는 onClick이라는 여러 함수를 호출하는 것입니다. 그들 중 일부는 이벤트와 가치를 취했다고 가정하고, 단일 함수로 호출 할 수 없다. 어떻게하면 될까요?

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

나는이 방법

Answer 1

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