2017-07-17 38 views
0

我想這成一個OnChange,這個事件與ReactJS調用2個不同的函數。我嘗試過幾種形式,但我沒有成功。我曾嘗試過:2個函數調用onChange - ReactJS

/*This is my text area, into ONCHANGE I put options shown below*/ 
<textarea name="NAME" id="ID" ONCHANGE placeholder="PLACEHOLDER" maxLength="4000" rows="7" class="form-control" required></textarea> 

/*This way give me error*/ 
onChange={this.activarBotonEnviar this.contadorDeCaracteres} 

/*This way give me error*/ 
onChange={this.activarBotonEnviar; this.contadorDeCaracteres} 

/*This way only execute last function*/ 
onChange={this.activarBotonEnviar, this.contadorDeCaracteres} 

/*This way only execute last function*/ 
onChange={this.activarBotonEnviar} onChange={this.contadorDeCaracteres} 

我正在使用ReactJS。我希望你能幫助我。謝謝你們。

回答

1

變量/屬性如何可以同時保存兩個值?

我們可以爲Onchange事件分配一個函數,所以你可以做的是創建一個新函數並從這個函數調用這兩個函數或者調用另一個函數。

創建新的功能:

onChange = { (e) => { this.activarBotonEnviar(e); this.contadorDeCaracteres(e) } } 

調用從另外一個功能:

onChange = { this.activarBotonEnviar } 

,並呼籲contadorDeCaracteresactivarBotonEnviar功能:

activarBotonEnviar(e){ 
    ... 
    this.activarBotonEnviar(); 
} 
1

onChange={this.myFunc}

myFunc(){ 
    this.activarBotonEnviar(); 
    this.contadorDeCaracteres(); 
} 
+0

謝謝。這是一個好主意,我也這麼認爲。但我想把它變成一切。不需要其他調用兩者的功能。 :D – JuMoGar

+0

所以,另一個變種會幫助你:) – Andrew