Entradas

Mostrando las entradas etiquetadas como REACT

useEffect

¿Qué es un gancho? Los ganchos nos permiten "conectarnos" a funciones de React, como los métodos de estado y ciclo de vida.   El hook useEffect en React se utiliza para realizar efectos secundarios en componentes funcionales. Estos efectos pueden ocurrir después de que el componente ha sido renderizado en el DOM, y pueden ser utilizados para realizar tareas como la suscripción a eventos, realizar solicitudes de red, modificar el DOM directamente, entre otros. Cuando se utiliza useEffect , puedes especificar una función que se ejecutará después de que React haya terminado de renderizar el componente. Aquí hay un ejemplo de cómo se puede usar useEffect para controlar efectos secundarios después de que el estado de un componente cambie y se vuelva a renderizar: import React, { useState, useEffect } from 'react'; function MyComponent() {   const [count, setCount ] = useState(0);   useEffect( () => {     // Este efecto se ejecutará cada vez ...

useState

  useStateHook de reacción El React useStateHook nos permite rastrear el estado en un componente de función. El estado generalmente se refiere a datos o propiedades que deben rastrearse en una aplicación. useStateacepta un estado inicial y devuelve dos valores: El estado actual. Una función que actualiza el estado. El nuevo estado import { useState } from "react"; function FavoriteColor() {   const [color, setColor] = useState("Iniializaestado"); } Inicializamos el estado con Iniializaestado El primer valor, color es nuestro estado actual. El segundo valor, setColores la función que se utiliza para actualizar nuestro estado. Por último, establecemos el estado inicial en una cadena vacía:useState("") Utilice la variable de estado en el componente renderizado. import { useState } from "react"; import ReactDOM from "react-dom/client"; function FavoriteColor() {   const [color, setColor] = useState("red");   return <h1>My fa...