React 18: el truco de useEffect
Obtenga información sobre un comportamiento complicado del gancho useEffect cuando se usa un modo estricto en React 18
React 18 ya ha estado disponible durante un par de semanas. Aunque trae un puñado de mejoras, introduce un comportamiento bastante extraño en uno de los ganchos más utilizados. ¿Quieres saber qué es eso? Aquí vamos…
useEffect() que debería ejecutarse solo en el montaje inicial, ¡se ejecuta dos veces!
¡Si, escuchaste bien! Si está utilizando React 18 en modo estricto, el siguiente fragmento de código:
Produciría tal salida:
Hello there!
Hello there!
Como se indica en los documentos , React 18 presenta una nueva verificación solo de desarrollo para el modo estricto. Esta nueva verificación desmonta y vuelve a montar automáticamente cada componente, cada vez que un componente se monta por primera vez, restaurando el estado anterior en el segundo montaje.
El equipo de React tomó esa decisión, ya que en el futuro les gustaría agregar una función que permita a React agregar y eliminar secciones de la interfaz de usuario mientras se preserva el estado. Como requiere que los componentes sean resistentes a los efectos que se montan y destruyen varias veces, se ha introducido una verificación adicional.
Entonces, ¿cada componente se monta, luego se desmonta y finalmente se vuelve a montar?
Sí, así es como funciona ahora. Si usamos el useEffect()gancho así:
Después de actualizar la página, la salida sería
Mounting...
Unmounting...
Mounting...
Resumen
React 18 presenta una nueva verificación solo de desarrollo para el modo estricto. Esta verificación desmonta y vuelve a montar automáticamente el componente, haciendo que useEffect se active dos veces en el montaje inicial.
Suggested posts
Por qué algunos freelancers están fingiendo sus vidas
Hace poco estuve en Linkedin, la red social profesional más grande del mundo, y encontré publicaciones de diseñadores independientes a los que sigo que me llamaron la atención. Todos publicaron fotos desde aviones, en la playa con sus computadoras portátiles, desde piscinas y oficinas con vistas increíbles.
Related posts
El primer libro para niños sobre drogarse
(Advertencia: esto es una sátira, con la intención de ser alegremente subversivo; definitivamente no es para niños) Has visto a tu mamá y papá esconderse en la cocina y fumar esos cigarrillos malolientes. ellos te dicen
Lo que puede hacer en su temporada de espera (esperando conseguir su primer trabajo en tecnología)
Cambiar a una nueva carrera puede ser extremadamente desafiante si trata de hacerlo solo. Es importante encontrar socios responsables que estén en el mismo nivel de aprendizaje que usted, que compartan objetivos, tenacidad e impulso similares.
Financiamiento de la eliminación de carbono en el año fiscal 24
El desglose de las solicitudes de asignaciones de Carbon180 a través de vías
Por Alyson Lee, asesora de gestión de asuntos gubernamentales El proceso de asignaciones anuales del gobierno federal es fundamental para nuestros esfuerzos por financiar la eliminación de dióxido de carbono (CDR). Cada año, Carbon180 envía solicitudes a varias oficinas del Congreso para ayudar a guiar hacia dónde fluirán los dólares del próximo año.
La revolución del lugar de trabajo: los mejores expertos hablan sobre el trabajo híbrido y remoto
En el panorama empresarial en rápida evolución actual, el concepto de trabajo híbrido y remoto ha ganado un impulso sin precedentes. A medida que las empresas continúan adaptándose a las necesidades y expectativas cambiantes de sus empleados, expertos de varios campos se han reunido para analizar los beneficios, los desafíos y el futuro de esta forma transformadora de trabajar.