¿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.

  • ReactJS / Enzyme: cómo probar una function de envío, que llama a una mutación de graphQL a través de prop
  • ¿Cuándo debería enviar acción asíncrona en networkingux?
  • react-router: 'Violación Invariante: label inválida: {HelloWorld}', mientras que el componente está ahí
  • PhpStorm: cómo desactivar la inserción automática de llaves
  • Advertencia: flattenChildren (...): se encontraron dos niños
  • ¿Cómo agrupar los activos de Webpack en varias páginas que no se vinculan con todos los demás activos?
  • ¿Cómo cargar es6, reactjsr, código babel en html con cdn?
  • React + Redux connect (mapStateToProps)
  • ¿Cómo configuro State en el método del ciclo de vida de recomposition de React?
  • Componentes de presentación de Redux Vs Component de contenedor
  • Cálculo de cuadros delimitadores de SVG con Reaccionar?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.