2个函数调用onChange - ReactJS

时间:2017-07-17 16:21:12

标签: javascript reactjs

我希望将其转换为OnChange,此事件使用ReactJS调用2个不同的函数。我尝试了几种形式,但我没有成功。我试过了:

/*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。我希望你能帮助我。谢谢大家。

2 个答案:

答案 0 :(得分:2)

变量/属性如何同时保存两个值?

我们可以为Onchange事件分配单个函数,因此您可以创建一个新函数并从中调用这两个函数或从另一个调用它们。

创建新功能:

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

从另一个函数调用一个函数:

onChange = { this.activarBotonEnviar }

并从contadorDeCaracteres函数调用activarBotonEnviar

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

答案 1 :(得分:2)

onChange={this.myFunc}

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