Preguntas con la etiqueta [useeffect]
La etiqueta useeffect no tiene orientación de uso.
43
preguntas
0
votos
0
respuestas
41
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
14
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
0
respuestas
9
vistas
Mi componente de react renderiza la informacion de usuario solo hasta que cargan primero los componentes en pantalla,
El problema es que primero cuando arranco la aplicacion y entro en la pestana de user el userid llega por params y funciona hasta el setUserInfo pero al intentar acceder a las propiedades del objeto ...
0
votos
1
respuesta
28
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 ...
0
votos
0
respuestas
16
vistas
Actualizar una variable que está en un useCallback
Tengo un componente de Reactjs en el que uso hooks. Hay diferentes partes dentro de este componente:
En primer lugar, tengo declaradas todas las variables globales para ese componente y los estados. ...
1
voto
2
respuestas
65
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
12
vistas
useLocation me da un valor anterior al cambiar de pagina
Porque cuando intento hacer console.log de un estado el cual es guardado el valor de location, este solo me muestra el valor anterior a este.
0
votos
0
respuestas
137
vistas
Reactjs cambiar estado "false" a un elemento
Buenas tengo un componente hijo en reactjs que se carga varias veces en un componente principal, se trata de un conjunto de imágenes, se llama al componente y se envía la imagen y una información ...
0
votos
0
respuestas
87
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
36
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
34
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
25
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
32
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
68
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
165
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
2
respuestas
34
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 ...
0
votos
0
respuestas
21
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
28
vistas
¿Por qué no guarda los datos del fetch en el useState?
Tengo este fragmento con sus respectivos useState pero no guarda la información, si crea el fetch porque en mi código del back crea un log y aparece cada vez que se renderiza la página de ese código (...
0
votos
0
respuestas
137
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: ...
0
votos
0
respuestas
12
vistas
Supabase-React render value on page
I have a trouble here because when I refresh doesn't show data, but when I save changes it does. Why this could happened?
I think it could be in the useEffect? I'm recently learning about react hooks
...
0
votos
1
respuesta
3k
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() {
...
1
voto
2
respuestas
536
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 ...
1
voto
1
respuesta
58
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
132
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
123
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
62
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 ...
0
votos
0
respuestas
22
vistas
Comportamiento inesperado en hook mediante una iteración sobre json
La idea es recorrer un JSON y guardar los valores en un array de objetos.
Desde la consola veo que los recorre sin problemas, pero el Hook me está dando los siguientes dolores de cabeza:
const [...
1
voto
1
respuesta
142
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
40
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
133
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
33
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
109
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 ...
0
votos
0
respuestas
338
vistas
¿React Cómo evitar que useEffect vuelva a ejecutarse cuando cambio de ruta?
Estoy usando react-router y cuando navego de un componente a otro se vuelve a renderizar el route,
Por ejemplo:
function Rutas(){
<Provider store={store}>
<Router>
<Switch>
...
2
votos
0
respuestas
49
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
634
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
310
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
90
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
0
respuestas
242
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
2
respuestas
342
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
1
respuesta
104
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
308
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
150
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
930
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, { ...