Preguntas con la etiqueta [react-hooks]

Los Hooks son una nueva característica en React 16.8. Estos te permiten usar el estado y otras características de React sin escribir una clase.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
10 vistas

No se me recarga el Array en la otra pantalla React Native

Problema de actualización en React Native al agregar productos al carrito Estoy trabajando en una aplicación de React Native donde tengo dos pantallas principales: "Products" y "...
wadesnakecoder's user avatar
0 votos
0 respuestas
10 vistas

Tengo una Drum machine y y un estado para cambiar el audio, lo que quiero es que cada vez que haga click en uno de mis botones se reproduzca el audio?

import "./App.css"; import { useState } from "react"; import heater from './Heater-1.mp3' function App() { const [power, setPower] = useState(false); const [audioSrc, ...
Alejandro Cullen's user avatar
0 votos
0 respuestas
30 vistas

Warning: Invalid hook call. Hooks can only be called inside of the body of a function component

Estoy levantando mi primera app en react en asp.net core, y al abrir mi page me devuelve el siguiente mensaje. Warning: Invalid hook call. Hooks can only be called inside of the body of a function ...
Robinson Ascencio Peña's user avatar
-1 votos
0 respuestas
14 vistas

Como puedo en React sumar dos numeros ingresados en un input?

Quiero hacer una calculadora que sume dos numeros, lo habia hecho en html la parte client y la logica con javaScript pero no me resulta con React.
gonzalo andres escalona gallar's user avatar
0 votos
0 respuestas
14 vistas

useInfiniteQuery: invalidar y hacer refetch tiene un comportamiento extraño

Estoy implementando una lista infinita de elementos para el usuario con React-Query (v3), y cuando el usuario elimina uno, quiero volver a obtener todos las páginas, pero no está funcionando. ...
Juan de Tomaso's user avatar
0 votos
1 respuesta
51 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()...
PySanti's user avatar
  • 900
0 votos
1 respuesta
30 vistas

Problema en re-direccionamiento React

Estoy haciendo un para luego identificar si un usuario esta logueado, pero estoy teniendo problema que luego de que el usuario se logue no se redireccione correctamente. Se setean los valores en el ...
Franco Sanchez's user avatar
0 votos
1 respuesta
31 vistas

usar useRef y no querySelector

Estoy haciendo aprendiendo react y quiero entender el hook useRef() pero hay algo que no me queda claro y donde si se puede utilizar y donde no ya que el tener este codigo en react y yo quiero acceder ...
user300807's user avatar
0 votos
0 respuestas
18 vistas

Como mandarle el resultado de busqueda del componente header a componente dashboard en react?

Tengo esta estructura de mi layout import React from 'react'; import { Outlet } from 'react-router-dom'; import Header from './components/header/header.jsx'; export default function Layout() { ...
Alvaro Duron's user avatar
0 votos
1 respuesta
38 vistas

¿Cómo simular la apertura del teclado en React Native?

Hoy me encontraba haciendo algunas pruebas para un proyecto que estoy desarrollando. Quería crear un hook personalizado que me permitiera saber cuando el teclado del dispositivo estaba abierto o ...
Jhon's user avatar
  • 315
0 votos
0 respuestas
20 vistas

guardar el estado de una componente en otro componente hijo que esta en ona ruta diferente

Hola chicos tengo estos 2 componentes necesito lo siguiente Cuando le dé clic a cualquier botón del componente principal, me debe mostrar una página con un botón que diga “Finalizar tarea #X” (la X ...
John Edwin Ramirez Orozco's user avatar
0 votos
0 respuestas
16 vistas

Problema en React Native con Hooks y parametros

estoy haciendo una task-app en react native y tengo un problema al querer pasar 2 parametros para modificar su estado, al presionar el boton, obtiene los parametros correctamente, de echo se ven en ...
Several Tool's user avatar
0 votos
0 respuestas
17 vistas

react native expo

tengo un problema, inicio una app con react native expo, inicializo con npm install -g expo-cli, luego hago un expo init con el nombre de mi pryecto, elijo como quiero inicializar el proyecto, al ...
Gabriel Ledesma's user avatar
0 votos
1 respuesta
46 vistas

Con JS, producir scroll en un elemento, invocando el evento desde otro

El contexto bajo el porqué lo quiero realizar es un poco difícil de explicar, pero en resumen quiero crear mi propia función de scroll (invokeScroll), que se añada cono evento de tipo "wheel"...
AndyRCR's user avatar
0 votos
1 respuesta
26 vistas

¿Como puedo pasar información de un componente Formulario a otro para que renderice contenido dinamico almacenado en un array de objetos en React?

Estoy haciendo un pequeño ejercicio donde se simula una enciclopedia de perros. Hay un archivo Data.js que contiene toda la información (nombre, origen, foto, frase...). Tengo un componente Form.jsx ...
Pedro Arévalo's user avatar
0 votos
0 respuestas
60 vistas

Unexpected token u, NEXTJS13

Estoy realizando una aplicación, para dicha aplicación uso el hook de CreateContext de react, por ende en el archivo donde lo creo uso "use client" debido a que me encuentro usando NextJs13. ...
Jesús Esquivel's user avatar
0 votos
1 respuesta
76 vistas

Mi componente hace 2 llamadas a la api, y la última queda vacía

Tengo un custom hook que hace varias llamadas a pokeapi, y como prueba estoy intentando que en mi componente principal se muestre el nombre de cada uno de los pokemones (lógicamente al hacer esas ...
Juan Sebastián Ayala's user avatar
0 votos
1 respuesta
28 vistas

La fecha de mi componente React no se actualiza

La idea del componente funcional es que cada un segundo se actualice la 'fecha' y la 'edad', la edad se actualiza bien, pero no consigo que la fecha se actualice. const ClockFunction = () => { ...
Tucu's user avatar
  • 1
0 votos
0 respuestas
62 vistas

Cambio de cámara en dispositivos móviles con ReactJS

Estoy haciendo un proyecto con ReactJS que permite tomar fotografías utilizando una cámara (se accede mediante el navegador web), actualmente, tengo un select que obtiene un listado con las cámaras ...
el_sas's user avatar
  • 13
0 votos
1 respuesta
198 vistas

Uncaught TypeError: Cannot destructure property 'user' of 'UserAuth(...)' as it is undefined

Estoy intentando de pasar un contexto a la seccion de register y login para poder mantener posteriormente el usuario en la página, que tenga permanencia, por aca es donde hare los registros en ...
Radenixlol's user avatar
0 votos
0 respuestas
21 vistas

como puedo mostrar lo ingresado por un componente en otro en react, este caso una calculadora

Estoy haciendo una calculadora en react, todo funciona bien excepto que el input no se muestra en el componente 'pantalla' , pero en las herramienteas de react todo funciona bien. pantalla en su ...
Rubén Guerrero's user avatar
0 votos
0 respuestas
49 vistas

¿Cómo actualizar correctamente una variable en el estado inicial de un Contexto en ReactJs?

Estoy tratando de actualizar una variable del estado inicial de un contexto con un reducer en una funcion con un onClick idSelected, la idea es capturar el ID del cliente cuando doy click a el menu de ...
Rosh343's user avatar
  • 15
0 votos
0 respuestas
41 vistas

React, quiero que cuando se ejecute una funcion en el componente padre, haga un cambioen el state del hijo

Tengo cards e intento hacer un paginado, lo que quiero lograr es que cuando envio un dispatch en cards con la funcion handlerSelect, se cambie el currentPage de Pagination a 0, el problema es que para ...
Didier Brange's user avatar
0 votos
1 respuesta
78 vistas

useContext undefined react

estoy teniendo un problema con el hook useContext de react. El problema es cuando quiero desestructurar los valores del contexto en otro componente, me aparece en consola que no se puede porque los ...
Federico Merino's user avatar
0 votos
1 respuesta
17 vistas

props.value.slice is not a function

Quiero hacer un select simple que muestre 3 opciones: AMC1, TERN, CAM2 Y un multiselect que muestre opciones segun la opcion del select simple seleccionado por ejemplo: si selecciona AMC1 se muestra ...
Sebastian Moreira's user avatar
0 votos
0 respuestas
53 vistas

Renovar el token cuando pase por las rutas de navegacion en react

Quisiera su ayuda soy nuevo en react, tengo rutas publicas y rutas privadas quisiera que cuando le de clic a una ruta de mi aplicación, refresque el token pero nada mas entra al useEffect cuando ...
José Francisco Gómez Ramirez's user avatar
0 votos
0 respuestas
110 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/...
Guido Gagliardini's user avatar
0 votos
0 respuestas
44 vistas

Usando UseState no funciona, mantiene el valor por defecto solo cambia aveces

Este es mi codigo: El siguiente código es una aplicación hecha en React usando hooks para hacer un login y registro en una plataforma. En la función App() se inicializa el estado inicial de la ...
DDavid LLara's user avatar
0 votos
2 respuestas
53 vistas

Más de una llamada al endpoint en React

Estoy intentando realizar una llamada al endpoint para llenar un dropdown menu con react-select. Me funciona la primera llamada, pero no puedo hacer la segunda, o me da error de duplicidad de ...
Galo Papá's user avatar
0 votos
1 respuesta
44 vistas

Comparar resultados

Estoy haciendo el juego piedra,papel y tijera con React y hooks. El codigo: import React, { useState } from "react"; import "./Pie.css"; import img1 from "./img/piedra.png&...
pabloG's user avatar
  • 3
1 voto
0 respuestas
21 vistas

¿Cómo funcional el useCallback?

Entiendo que el useCallback memoriza una función y cuando llamamos a la función se ejecuta siempre la misma, es decir, no cambia hasta que sus dependencias lo hagan. Pero acá me surge una duda, ¿por ...
Jorge Botero's user avatar
0 votos
0 respuestas
25 vistas

¿El useMemo de React se vuelve a ejecutar si se vuelve a renderizar el componente?

Cuando uso el useMemo de React me surgen una duda... Si la dependencia del useMemo no cambia, el useMemo guarda el resultado, pero si mi componente se vuelve a renderizar, ¿la función del useMemo se ...
Jorge Botero's user avatar
0 votos
0 respuestas
74 vistas

Consumir API con react "undefined"

Buen día a todos. Estoy haciendo un proyecto con react, donde consumo un json desde una página realizada en wordpress. Este es mi código import React, {useEffect, useState} from 'react' const App = ()...
jefferson davila's user avatar
1 voto
1 respuesta
38 vistas

Implementar RN-Range-Slider en Storybook para React Native

¡Buenas a todos! Estoy creando una story en Storybook y necesito que se muestre en componente RN-Range-Slider. El componente funciona genial en la app, pero a la hora de mostrarlo en el Storybook me ...
JadrDev's user avatar
  • 39
0 votos
1 respuesta
42 vistas

Como puedo usar useState hook en un bucle infinito?

Soy principiante en React y quiero crear un componente que este en constante movimiento, incrementando su estilo de translate, pero el incremento no se comporta como lo esperaria, que esta pasando? ...
Yhoan 's user avatar
0 votos
0 respuestas
38 vistas

Renderizado condicional con UseState

Soy desarrollador junior cuya tarea es crear un evento que consiste en que se muestre un mensaje de despues de que se cargue un progressbar. Del tipo: Para lograr esto cree dos componentes diferentes ...
Turing's user avatar
  • 19
0 votos
1 respuesta
95 vistas

No puedo obtener el contenido de un json en REACT

Hola gente estoy queriendo obtener el contenido del json el un componente en react, en este caso el componente es una carta entonces, primero le hago un fetch al json y luego automaticamente me ...
informaticoDudas's user avatar
0 votos
1 respuesta
28 vistas

Como aplicar un filtro en cada página de la API y que los resultados se guarden en un estado?

Necesito que filtre en cada página de la API las fotos que pertenezcan a un determindao usario y que esos resultados se guarden en un estado. En el código a continuación solo guarda el resultado de la ...
Maco Acero's user avatar
0 votos
1 respuesta
29 vistas

useEffect me hace desaparecer el contenido de mi pagina

Estoy desarrollando mi primera aplicacion con React, y me encontré con un problema con el useEffect. Quiero utilizarlo para darle efectos a las letras pero cuando lo utilizo en index.js, me desaparece ...
popo's user avatar
  • 127
0 votos
1 respuesta
306 vistas

¿Puedo actualizar un estado en el hook "useEffect" de esta forma?

Tengo una aplicación SPA, para saber si un usuario está logueado, estoy intentando actualizar una variable con useState dentro de un useEffect que tiene como dependencia useLocation pero la aplicación ...
Juange94's user avatar
0 votos
2 respuestas
167 vistas

¿Por que mi estado queda en Null en React?

Estoy aprendiendo React, sin embargo tengo una duda, Estoy manejando un estado que guarde una IP para luego pasarle dicha Ip a una API y me traiga la hora actual basada en la ip publica del usuario. ...
Julian F's user avatar
  • 129
0 votos
0 respuestas
77 vistas

No puedo escribir dentro de un input dentro de React.js para sumar elementos

Tengo un formulario que necesito que el usuario escriba los valores para eso despues promediarlo y ese valor enviarlo a una base de datos. El problema que estoy teniendo es que no me deja escribir ...
Mati's user avatar
  • 5
0 votos
0 respuestas
27 vistas

Función .map no me devuelve los datos a la hora de cargar el componente

muy buenas a todos... resulta que estoy haciendo una aplicación web que muestra los datos registrados en una base de datos MYSQL. Esta aplicación está hecha con React y Django como restAPI. En un ...
AndresicK's user avatar
0 votos
0 respuestas
23 vistas

Propiedad de un componente como un valor iniciar de useReducer

PROBLEMA: Tengo un problema a la hora de querer usar una propiedad de un componente en React como estado iniciar de un useReducer.La propiedad en cuestion es un array con varios objetos dentro. ...
WSenjuW's user avatar
  • 13
0 votos
0 respuestas
35 vistas

Como actualizar objetos enteros con state y setstate

¡Hola a todos! Soy desarrollador junior cuya tarea es desarrollar un estado que devuelva un mensaje de confirmacion una vez que una barra de progreso se carge del tipo: Pero el problema es que no se ...
Turing's user avatar
  • 19
0 votos
0 respuestas
94 vistas

Porque tengo un delay en el onChange?

Cuando empiezo a completar el input no se ve reflejado en el state del componente pero si en el state que muestra la react dev tool y esto provoca que la validación no sea optima y muestre los ...
José Ignacio's user avatar
0 votos
0 respuestas
35 vistas

Por que cuando abro mi Modal el input pierde el foco?

Tengo este problema, tengo un formulario en un modal, y quiero que cuando el modal se abra me ponga el cursor directamente sobre el input para empezar a escribir, la cuestión es que cuando abro el ...
Yayo Venegas's user avatar
0 votos
0 respuestas
52 vistas

Mi llamada de hook de estado no funciona React

Estoy intentanto hacer un inicio de sesion con roles (admin,profesor,etc.) con Private route pero mi hook esta arrojando null (Valor inicial) y no se esta actualizando, entonces no puedo entrar a la ...
Rodrigo Paredes's user avatar
0 votos
0 respuestas
345 vistas

Filtros de búsqueda combinados en React js

Estoy haciendo un proyecto web con PokeAPI, en el back con Postgres, Express, Sequelize y en el front con React y Redux. Estoy haciendo filtros de búsqueda: por tipos por pokes de la base de datos o ...
Frank's user avatar
  • 23
0 votos
0 respuestas
38 vistas

Cambiar estado filtrando dentro de efecto en react

Una pregunta un tanto simple. Para un estado obtengo un dato filtrado. Y lo cambio con un efecto. Sin embargo siempre se borra el estado inicial y no muestra nada al cargar la pagina hasta que pase el ...
Alvaro Mercado's user avatar

1
2 3 4 5
8