Skip to main content

Preguntas con la etiqueta [useeffect]

Filtrar por
Ordenado por
Etiquetadas con
1 voto
2 respuestas
1k vistas

React - hook useEffect - "función return" de limpieza o saneamiento

El return del useEffect se ejecuta cuando el componente se desmonta, pero mi pregunta es: ¿qué componente? : ¿el componente donde está declarado useEffect?, ¿el componente hijo?, ... Dos ejemplos: En ...
2 votos
1 respuesta
56 vistas

NextJs 13: Script de Next está presente en paginas donde no deberia

Tengo un problema y no logro entender de donde viene. En mi componente MetaData estoy renderizando el componente Head de next/head con unos scripts en su interior <Head> <Script... GTM />...
1 voto
1 respuesta
85 vistas

Warning: React Hook useEffect has missing dependencies

Comunidad de Stack Overflow, Estoy trabajando en un proyecto de Next 14 y me encontré con algunas advertencias relacionadas con las dependencias de mi hook y en un componente random. Estoy utilizando ...
0 votos
1 respuesta
10k vistas

useEffect se renderiza 2 veces

Tengo un problema con el useEffect de react al momento de renderizar el componente se ejecuta dos veces import "./App.css"; import { useEffect } from "react"; function App() { ...
0 votos
0 respuestas
27 vistas

Loop infinito en React

Hace poco terminé un proyecto de React, donde me encontré con un problema al momento de hacer peticiones utilizando useEffect. El problema, a grandes rasgos, es que una dependencia del useEffect me ...
-1 votos
3 respuestas
59 vistas

version 18 react

en la versión 18 de react no permite colocar un array vacío como segundo argumento en el useEfecct me salta el siguiente error " React Hook useEffect has a missing dependency: 'history'. Either ...
1 voto
0 respuestas
36 vistas

loop infinito en un useCallback

Tengo un useCallback que genera un bucle infinito, este useCallback lo utilizo para hacer un POST a una api, tengo el mismo metodo para el GET y me funciona perfectamente, nose si es por como estoy ...
0 votos
1 respuesta
142 vistas

Problema con useEffect en React

tengo el siguiente codigo de React: export function AccountActivation() { const props = useLocation().state console.log(props) const {register, handleSubmit, formState:{errors}} = useForm()...
0 votos
0 respuestas
49 vistas

¿Porque este UseEffect no se activa en este caso?

Tengo este useEffect que se activa en el caso de que Provincia obtenga un nuevo valor. React.useEffect(() => { if (provincia && provincia !== "" && provincia !== ...
0 votos
0 respuestas
21 vistas

Error en Ordenamiento y posterior renderizado de productos en react

estoy aprendiendo react, y estoy haciendo un ecommerce con fines de practica, mi problema radica al momento de renderizar las cards despues de filtrarlas. si hago un console.log de los productos, ...
0 votos
2 respuestas
325 vistas

Problema de estado con NextJS

Tengo una page en la cuál me tengo que traer información de backend de forma ordenada y setear los estados para mostrar el HTML con los elementos. Me llega el ID de una Masterclass por URL, y el orden ...
0 votos
0 respuestas
256 vistas

useEffect se ejecuta multiples veces react native

Tengo mi hook personalziado para realizar peticiones Get a mi API. import { useContext, useEffect, useState } from 'react'; import configApi from 'api/configApi'; import { AppContext } from '@contexts/...
0 votos
0 respuestas
375 vistas

Enviar datos a PHP usando fetch, llega uno bien y otro mal

Buen dia, tengo el siguiente codigo en PHP en el servidor que me recibe datos por POST, especificamente dos variables, nombre y edad, tuve que ponerle $_POST=json_decode(file_get_contents('php://input'...
0 votos
0 respuestas
22 vistas

Falta una letra en el último campo de formulario React

Tengo un formulario hecho en react, con objetos en el useState que es donde se cargan los datos del formulario, adicionalmente tengo useEffect para validar el email, usuario, cedula, etc. y me llama ...
0 votos
1 respuesta
78 vistas

Como puedo controlar en que momento se renderice un useEffect en React?

Necesito mostrar en una tabla las transacciones realizadas por el usuario que inició sesión en la aplicación pasando id del usuario, que es la clave foranea en la tabla de transacciones, cuando el ...
1 voto
2 respuestas
207 vistas

Como notificar a un componente luego de una accion en un Effect

Tengo el siguiente componente que se encarga de registrar un paciente. Utiliza el decorador Output para informar al componente padre cuando se creó el paciente, y este se encarga de realizar unas ...
0 votos
0 respuestas
190 vistas

React Hook useEffect has a missing dependency: <dependencia>. Either include it or remove the dependency array

import React, { useEffect, useState } from 'react' import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faArrowLeft } from "@fortawesome/free-solid-svg-...
0 votos
0 respuestas
214 vistas

React: Como realizar FETCH cada vez que la data cambie?

Buenas tardes comunidad, Tengo una duda, estoy realizando una llamada FETCH desde el front de mi aplicación para obtener la data del usuario. Necesito que cada vez que actualice la información a ...
0 votos
1 respuesta
95 vistas

Actualizar estado de url dentro de una promesa axios

estoy tratando de hacer una API de películas y he puesto unas flechas de paginación para avanzar o retrasar las página. El problema que tengo es que la URL esta en una promesa axios dentro del hook ...
0 votos
0 respuestas
31 vistas

My coding no funct with useEffect in reactJs

Tengo un código que hace una petición fetch (api de pokemon) y me devuelve un array vacío pero, en el segundo renderizado, es decir, cuando el componente se renderiza por segunda vez sin recargar la ...
0 votos
1 respuesta
99 vistas

React, al editar código en un useEffect se me borra la información de mi app almacenada en localStorage

Hola que tal me está pasando algo realmente curioso y no sé a que se debe, yo estoy haciendo un todolist, y las notas que el usuario va generando dinámicamente, se almacenan en el localStorage, esto ...
1 voto
0 respuestas
186 vistas

setInterval no me actualiza el estado de un componente React

tengo el siguiente problema: Estoy intentando crear un componente en React cuya funcion es cargar 5 urls de una API para luego mediante un setINterval cambiar, cada 5 segundos, la url de la imagen que ...
1 voto
1 respuesta
437 vistas

React - Solo tener un checkbox seleccionado a la vez

Tengo 5 checkboxes y quiero que siempre este seleccionado solo 1, es decir si el primero esta seleccionado, y selecciono el ultimo, el primero se deberia deseleccionar y el ultimo seleccionar. const [...
0 votos
0 respuestas
322 vistas

React no actualiza estado con useEffect

¿Qué estoy haciendo mal? Quiero hacer un InputSelect que tenga opciones de filtrado/ordenación de un listado de vídeos. Os dejo código y explico un poco: VideoList.tsx interface IVideo { created: ...
1 voto
1 respuesta
223 vistas

No logro ejecutar una función dentro de useEffect()

Hola amigos tengo un problema con una app en React JS que estoy haciendo que me esta volviendo loco, el tema es que estoy haciendo una llamada a una api con axios y utilizo useEffect() para setear la ...
1 voto
1 respuesta
379 vistas

Problema retardo en render react-router UseEffect

Buen dia a todos! Tengo un problema y creo que es con el useEffect y el store. La cuestion es esta tengo un ruta http:.../algo/:id el cual dependiendo el id del param me tendria que renderizar data ...
1 voto
1 respuesta
250 vistas

UseEffect no toma valores en React

Estoy intentando hacer un filtro de productos. Y los tomo de Firebase. Cuando renderizo la página por primera vez no funciona. Luego, si cambio algo en el Visual Code y guardo, ahí si se guardan los ...
0 votos
0 respuestas
75 vistas

Al intentar renderizar, no lo hace a la primera

Como ven debajo, estoy haciendo una petición a la api de pokemon, en base al tipo que venga por url; son peticiones de aprox más de 100 resultados(objetos) en un array. Mi problema es que no renderiza ...
1 voto
1 respuesta
519 vistas

UseState me renderiza el estado previo

Tengo dos inputs que cambian el texto de una etiqueta P al mismo tiempo, pero el problema es que el render que me muestra siempre es el valor anterior que se guardo. Entiendo que tengo que usar un ...
0 votos
2 respuestas
73 vistas

No me actualiza userState dentro del userEffect

soy nuevo en React y llevo unos días tratando de realizar un componente de petición a la api de informacion basica de Instagram, sólo necesito visualizar las fotos, nada más, pero sino me equivoco, no ...
1 voto
0 respuestas
337 vistas

¿cómo modificar la propiedad de un elemento usando el useState?

Tengo el siguiente useState que trae el estado inicial de los elementos de un form: const [book, setBook] = useState({ name:'', author:'', edition: '' }) <form onSubmit={handleSubmit}...
0 votos
0 respuestas
46 vistas

Problema al intentar volver a renderizar luego de setear un estado de React

Sé que de alguna forma debiera escuchar los cambios que realiza el estado para que se vuelva renderizar o algo así pero no logro setear el estado. const ChoosePokemon = (pokemon) => { let [...
1 voto
0 respuestas
191 vistas

TypeError: data.map is not a function creando un Header Dropdown con Recat

Estoy creando un Header con React donde cuando entre en el Elemento se puedan ver mas opciones el problema es que me aparece este Problema de TypeError: data.map Dejo aqui el codigo del Header import ...
2 votos
0 respuestas
105 vistas

¿Por qué no funciona react-native-onboarding-swiper en mi pantalla de bienvenida? Invalid attempt to destructure non-iterable instance

Tengo una aplicación creada haciendo mis estudios de React Native. Una vez terminado, agregué algunas pantallas de presentación y agregué ' react-native-onboarding-swiper' que me pareció la forma más ...
2 votos
2 respuestas
1k vistas

¿Cuándo utilizar useEffect y cuándo no?

Tengo esta duda, hace unos días tuve una entrevista técnica para un trabajo react jr y me pidieron implementar una petición con una promesa a una API, lo hice de esta forma: const MainTrial = () => ...
0 votos
1 respuesta
498 vistas

react hooks useEffect se ejecuta después de un componente

Soy nuevo en React. Intento consultar la pokeapi usando useEffect, la idea es que el estado "draw" cambie a true o false según si el componente resultPk ha cambiado, si es true quiero que ...
0 votos
1 respuesta
243 vistas

¿Cómo puedo evitar el Alert si ya guardé los cambios?, utilizando navigation.addListener('beforeRemove'

Necesitaría adaptar el siguiente código obtenido de React Navigation Docs (Snack), para evitar el Alert si ya he "guardado los cambios" antes de intentar regresar a la página anterior (por ...
0 votos
2 respuestas
502 vistas

Arreglo dinámico de objetos no se actualiza en el UseEffect de React Native

Tengo el siguiente código con el que quisiera cargar una arreglo dinámico partiendo de otros dos arreglos, en principio, predefinidos. Propósito: utilizar dicho arreglo para completar una SectionList ...
0 votos
0 respuestas
366 vistas

ReactJS con Redux, el estado cambia pero el componente no se renderiza

Hola tengo el siguiente problema, después de pedir info a mi backend y que este me devolviera un error del tipo "country not found", llamo a un dispatch que mete ese error en un estado de ...
0 votos
1 respuesta
160 vistas

El array de dependencia de useEffect no funciona

Estoy usando "useEffect" para conectarme a la API de github jobs, en el array de dependencia tengo 3 valores que cambian(location,description,full_time). El problema es que solo funciona ...
0 votos
1 respuesta
588 vistas

¿Cómo regreso al titulo original luego de usar useEffect para cambiar el titulo en un componente - Reactjs?

¿Cómo hago para que el titulo de la pagina regrese al estado original? Use useEffecten mi componente Pagetwo.jsx para cambiar el titulo y no regresa al titulo original en el componente App.js, es ...
0 votos
1 respuesta
209 vistas

Problema con useEffect y etiqueta video en Reactjs

estoy intentando tomar un video html sin controles y personalizar los mismos, presento el problema que necesito que mi linea de tiempo se actualice constantemente con el currentTime del video, uso los ...
0 votos
1 respuesta
1k vistas

¿Cómo puedo redireccionar con react-router y el hook useEffect?

Como bien dice la pregunta, quiero que al renderizarse un componente se verifique el valor de una variable, y depende de ello redireccionar a un sitio u otro. Lo que tengo es: import React, { ...