¿Qué es la agrupación de events en reactjsr?

The SyntheticEvent se combina. Esto significa que el object SyntheticEvent se reutilizará y todas las properties se anularán después de que se haya invocado la callback al evento. Esto es por razones de performance. Como tal, no puede acceder al evento de manera asincrónica.

referirse: sistema de events en React

One Solution collect form web for “¿Qué es la agrupación de events en reactjsr?”

Significa que las properties del evento solo existen mientras la callback está activa. Agregar fallas asíncronas a la mezcla, o almacenar el evento para uso futuro, fallará.

Esto se observa fácilmente si testing console.log(event) dentro de un controller de events. Para cuando inspeccione el object, la mayoría de las properties en el object de evento serán null . Si detiene la ejecución del script con debugger; inmediatamente después de registrar el valor, puede inspeccionar los valores.

 class MyComponent extends React.Component { handleClick (e){ console.log('The event currentTarget is', e.currentTarget); // DOM element setTimeout(() => { console.log('event.currentTarget was', e.currentTarget); // null }, 1000) } render () { return <button onClick={this.handleClick}>Fire event!</button> } } 

Esto registrará un elemento DOM onclick en el button, y null un segundo más tarde. Por razones ajenas a mí, event.target aún se almacena hasta que se produzca el próximo evento, y no se anula.

  • React.js pasan los pares key-valor del object como accesorios
  • ¿Cómo harías cargas de files en una aplicación React-Relay?
  • ¿Cómo poner methods en los objects en el estado de Redux?
  • Re-renderización del componente connect () ed basado en la salida mapStateToProps
  • Webpack + React y Google Chrome 43.0.2357.65
  • Usar el porcentaje (%) de iniciar session en reactjsr-enrutador: id
  • Reaccionar: use this.props.children o pase los componentes como accesorios personalizados
  • constructor innecesario en reactjsr class
  • ¿Dónde viven los processs de larga duración en una aplicación React + Redux?
  • Reactiva la testing Mocha-chai que no reconoce a la tienda desde el puntal
  • ¿Cuál es la diferencia entre los dos botones que hacen clic en el componente React dado?
  • ¿Cuál es la diferencia entre React Native y React?
  • ¿Cómo se agregan varios elementos al componente AppBar de Material-UI?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.