Saltar al contenido

Cómo pasar los argumentos a los manejadores de eventos en ReactNov, 12thIn esta guía, vamos a aprender acerca de la forma de pasar los argumentos para …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo pasar argumentos a las funciones de controlador de eventos ejemplo evento de clic. En

reaccionar que normalmente añadimos controladores de eventos al elemento de esta manera.

Vamos a ver un ejemplo contrario.

class Counter extends Component{
state= {count:0}

handleIncrement = ()=>{ this.setState({count:this.state.count+1}); } render(){
return(

{this.state.count}

)
}
}

Aquí hemos creado un contador con el botón de incremento cuando se hace clic en un botón, el valor de recuento está incrementando en 1.

argumentos

Ahora vamos a pasar argumentos a nuestro método handleIncrement para que podamos incrementar el valor de recuento Pasando por un número diferente.

class Counter extends Component{
state= {count:0}

handleIncrement = (step)=>{ this.setState({count:this.state.count+step}); }
render(){
return(

{this.state.count}

)
}
}

En el código anterior, pasamos función de flecha para el oyente evento de clic que se llama nuestro método handleIncrement con argumentos de modo que ahora tenemos un método handleIncrement reutilizable.