javascript - 2 个函数调用 onChange - ReactJS

Question

我想把它变成一个 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。我希望你能帮助我。谢谢大家。

Answer 1

一个变量/属性怎么可能同时保存两个值？

我们可以将单个函数分配给 Onchange 事件，因此您可以做的是创建一个新函数并从中调用这两个函数，或者从另一个函数中调用一个。

创建新函数:

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

从一个函数调用另一个:

onChange = { this.activarBotonEnviar }

并从 activarBotonEnviar 函数调用 contadorDeCaracteres:

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