Preguntas con la etiqueta [useeffect]
La etiqueta useeffect no tiene orientación de uso.
43 preguntas
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, { ...