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.
378
preguntas
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 "...
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, ...
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 ...
-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.
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. ...
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()...
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 ...
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 ...
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() {
...
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 ...
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 ...
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 ...
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 ...
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"...
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 ...
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. ...
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 ...
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 = () => {
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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/...
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 ...
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 ...
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&...
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 ...
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 ...
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 = ()...
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 ...
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?
...
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 ...
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 ...
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 ...
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 ...
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 ...
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.
...
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 ...
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 ...
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.
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...