React Hooks: más fácil de lo que piensas.
A veces, aprender cosas nuevas puede resultar abrumador y tedioso. Sin embargo, ese no es el caso de React Hooks . Si usted es alguien que nunca se ha tomado el tiempo para aprender Hooks y usa principalmente componentes de clase d, puede ser el momento de intentarlo.
Cuando aprendí React por primera vez , solo usé componentes basados en clases porque es lo que me enseñaron y con lo que estaba más familiarizado. Sin embargo, si bien es bueno saber cómo utilizar componentes basados en Blass, están "desactualizados". La industria está y continuará por el camino del uso de componentes basados en funciones .
Los enganches se crearon como una forma de utilizar los métodos del ciclo de vida de las clases y el estado dentro de las funciones. Básicamente, esto elimina la necesidad de componentes basados en clases en general.
La forma más sencilla de demostrar esto es mirando State en un componente basado en clase :
Las cuatro conclusiones principales a tener en cuenta son:
- El estado es inicializado por
state: {}. - Las
Thispalabras clave para las funciones y variables de orientación en las clases . - La necesidad de funciones de flecha para evitar errores con la
thispalabra clave en componentes basados en clases . setState()por cualquier cambio de estado .
Lo primero que debe notar de inmediato es que no hay clase .
Lo segundo inmediatamente después de eso es la forma en que inicializamos State :
analicemos esto en términos simples:
termes lo que su Estado es actualmente en un momento dado. En lugar de escribirthis.state.term, simplemente seríaterm.setTermes esencialmentesetStateexcepto con un nombre más personalizado. Funciona exactamente de la misma manera, simplemente puede elegir cómo nombrarlo.useStatees un gancho. el propósito es inicializar a qué debería ser igual una determinada clave en el estado . Como estamos usando una cadena, inicializamos una cadena vacía.
Suggested posts
Evitar las consecuencias devastadoras de un derrame cerebral: aprender del viaje de una familia.
Introducción Un accidente cerebrovascular es una emergencia médica que puede afectar a cualquier persona en cualquier momento. Ocurre cuando se interrumpe el flujo de sangre a una parte del cerebro, lo que lleva a una pérdida repentina de la función cerebral.
Jest: un poderoso marco de prueba de JavaScript
Las pruebas son una parte esencial del desarrollo de software. Garantiza que el código sea confiable, funcione como se espera y reduce la probabilidad de errores.
Related posts
3 formas comprobadas de mejorar su habilidad de escritura
Los beneficios de escribir y estrategias para ayudarte a hacerlo
En 2022, con el lanzamiento de GPT-3, la habilidad de escritura parece perder importancia. Con IA, las personas con mala escritura también pueden generar personal de calidad.
"La fosa de las Marianas revelada: revelando las aterradoras verdades ocultas del abismo"
Introducción: Bienvenidos, valientes lectores, a un viaje que nos llevará a las profundidades más oscuras de nuestro planeta. En este blog, profundizamos en el enigmático mundo de la Fosa de las Marianas, descubriendo sus secretos ocultos y descubriendo las verdades escalofriantes que se encuentran debajo de su superficie.
La mentira del vaquero
Cómo las megacorporaciones vendieron a los estadounidenses una falsedad fornida
Es una mañana brillantemente dorada en las ondulantes colinas del oeste, mientras los primeros rayos del sol iluminan la hierba escarchada de las llanuras. Una manada de ganado Angus plácido, negro azabache y enorme, se recorta contra el amanecer mientras avanzan por un sendero trillado hacia un lugar que todos conocen bien; la barra de desayuno