Como reconocer un click fuera de un elemento en Reactjs
21/05/2015
0

Todavía no he hablado de React.js pero lo haré con tiempo… voy a ir publicando cosas que me han ayudado a la hora de trabajar con React a mode de chuletas rápidas.

En jQuery y similares es facil reconocer un click fuera de un elemento para hacer que este reaccione, por ejemplo que al hacer click fuera de un dropdown este se cierre. En react la cosa cambia. Este es un trozo de código para reconocer el click fuera del componente react, es decir en el documento o DOM (excepto en el elemento en si).

Ojo este script esta creado siguiendo los parametros de la versión ES6, siemplemente adaptalo a ES5 (si lo usas) dependiendo de la versión que uses.

Es importante que añadamos el ref=”nombredelelemento” a el container que engloba el elemento que queremos que reaccione (cambie estados) al hacer click fuera del mismo. La condicion “if” es opcional pero seria un comienzo ideal para jugar al cambio de estados una vez haces click fuera del elemento que esta referenciado (ref=”nombredelelemento”)

Saludos

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies