Preguntas con la etiqueta [usestate]

La etiqueta no tiene orientación de uso.

Filtrar por
Ordenado por
Etiquetadas con
5 votos
1 respuesta
557 vistas

¿ Como importar un objeto a una pantalla desde otra en React Native?

Tengo una App desde la que se realizan pedidos a un restaurante. El cliente selecciona los productos que desea del catalogo, después hace el pedido desde la app y se muestra un resumen de los ...
Avatar del usuario Miguel Espeso
3 votos
1 respuesta
535 vistas

Como limitar el numero de respuestas a 6 de una api ( usando react y axios )?

Estoy practicando ReactJS y quiero renderizar una lista de superheroes. En Javascript use un bucle for para que renderice hasta 6 templates con personajes de la api usando un Id en la URL, pero usando ...
Avatar del usuario Tina
  • 73
2 votos
2 respuestas
684 vistas

¿ Como añadir espacio en blanco cada 4 caracteres a un input?

De qué manera puedo añadir un espacio en blanco cada 4 caracteres al value de un input, ya lo estoy haciendo para actualizar un estado, la idea es formatear el número de una tarjeta de crédito/débito, ...
Avatar del usuario kilex
  • 413
2 votos
2 respuestas
147 vistas

useState no me deja ingresar 2 caracteres iguales

Tengo un input trabajando con useState y el evento onChange. Al apretar agregar texto, visualizo con la extensión "React Developer Tools" como se agrega a mi arreglo. El problema surge ...
Avatar del usuario Ralexhx
  • 399
2 votos
2 respuestas
603 vistas

¿Por que al cambiar un estado en react al trabajar con ese estado siempre me toma el anterior en vez de tomar el que le acabo de colocar?

estoy teniendo problemas al manejar estado en react, actualmente estoy intentando hacer una caja de ritmos en donde si presiono el boton ejecute una funcion que primero me compara el id del boton y me ...
Avatar del usuario Jhosep Ropero
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 = () => ...
Avatar del usuario Rene Limon
  • 4,632
2 votos
2 respuestas
65 vistas

El renderizado de mi función está calculando pero no lo renderiza automático

Como verán, al agregar dos productos me los trae y en el total muestra perfecto el monto sumado, si yo agrego cantidad no se renderiza el cambio en el total. Si yo vuelvo a compras y luego vuelvo a ...
Avatar del usuario Federico Galassi
2 votos
1 respuesta
135 vistas

¿Como espero por el cambio de dato en un onChange en javascript?

Estoy trabajando en una práctica en la que intento realizar un mini editor de texto, pero cuando mando la información para que sea cargada en un textarea, el primer intento por llamarlo siempre ...
Avatar del usuario Súpero ang S
2 votos
1 respuesta
3k vistas

¿Cómo modifico varios valores de un objeto en react?

estoy usando React con Typescript y quisiera poder cambiar varios campos de un objeto, uso el hook useState. El objeto tiene una interfaz así: interface iu { nombre: string; num_seguidores: ...
Avatar del usuario DJLuis
  • 21
1 voto
2 respuestas
2k vistas

useState + useContext como pasar valores de useState al Context.Provider

Soy nuevo en reactjs. Estoy haciendo una aplicacion en la cual tengo 5 componentes. En 4 de ellos obtengo un valor mediante useState de forma sencilla(solo devuelve string). Entonces lo que deseo es ...
Avatar del usuario Maykel Contreras Camacho
1 voto
2 respuestas
318 vistas

¿Como puedo solucionar este problema de setState, y onSubmit?

Voy a intentar ser lo más claro y detallado posible. Tengo un componente en React que tiene dos estados: const [operationId, setOperationId] = useState(null) const [categoryId, setCategoryId] = ...
Avatar del usuario Dami Monge
1 voto
1 respuesta
381 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 [...
Avatar del usuario Carlos Fernandez
1 voto
1 respuesta
426 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 ...
Avatar del usuario Alex Garzón
1 voto
1 respuesta
2k vistas

Como pasar datos de componente HIJO a componente PADRE ReactJS

mi pregunta el dia de hoy es simple y sencilla. Estoy intentando pasar un dato(en este caso un token) de componente hijo(Login) a componente padre (Home). Lei mucha documentacion, pero aun no ...
Avatar del usuario Guido Gagliardini
1 voto
1 respuesta
263 vistas

Agregar objetos al useState

Tengo un input donde coloco X cosa, y aparecen 5 imágenes sobre eso. Si coloco otra cosa en el input, las 5 imágenes anteriores desaparecen y aparecen 5 imágenes de lo solicitado. Pero ahora requiero ...
Avatar del usuario Ralexhx
  • 399
1 voto
1 respuesta
1k vistas

React UseState demora en actualizar el estado

Buen dia! Estoy desarrollando mi primera aplicación con React JS. Estoy teniendo problemas para actualizar un estado que declaro en un contexto, siendo sincero aun no estoy muy familiarizado con como ...
Avatar del usuario Johnatan De Leon
1 voto
0 respuestas
24 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 ...
Avatar del usuario Marco Mignacco
1 voto
1 respuesta
35 vistas

No puedo lograr que cambie el valor mediante useState

Buenas noches soy novato y tengo que presentar el trabajo para lo que estoy estudiando. Mi pregunta es la siguiente, tengo una constante y quiero que por useState cambie el valor, valor que despues ...
Avatar del usuario Pablo Alejandro Acuña
1 voto
0 respuestas
28 vistas

props están definidas al prinicipio pero después son undefined

tengo un componente Header en la que tengo un array de objetos que uso para guardar los textos e iconos de los enlaces de la barra de navegación: Esta es la lista: const headerLinks = [ { ...
Avatar del usuario kilex
  • 413
1 voto
0 respuestas
68 vistas

Hacer un useState en Javascript

Estoy leyendo sobre los useState y quise hacer mi propio código para hacerme una idea de como funcionan. Pero solo consigo que me muestre el primer valor, y el segundo nunca se cambia. Tengo un botón ...
Avatar del usuario Ralexhx
  • 399
1 voto
0 respuestas
376 vistas

REACT - Renderizar otro componente si el usuario esta logueado

¿Como andan? Estoy desarrollando una plataforma en React JS + Firebase y me encuentro con la siguiente situación: Si el usurio NO esta logueado se debe renderizar un componente que es la pantalla ...
Avatar del usuario Gonzalo Airasca
1 voto
1 respuesta
178 vistas

Como guardar los datos de un useDispatch en un useState para después utilizarlos en un form controlado React

Mi codigo es este: const dispatch = useDispatch(); const artist = useSelector((state) => state.artistId); const title = isEdit === "true" ? "Edit Artist" : "New ...
Avatar del usuario Jorgs Rodriguez
1 voto
1 respuesta
29 vistas

¿Por qué mi useState no está siendo ejecutado?

Tengo una ruta privada (aclaro que soy nuevo en esto). Lo que trato de hacer es algo simple, solo quiero devolver un componente si userDetails es verdadero, sino, pues otro componente. const ...
Avatar del usuario Nicolás Arévalo
1 voto
0 respuestas
312 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}...
Avatar del usuario yin
  • 23
1 voto
3 respuestas
916 vistas

¿Existe algún modo de usar useState de forma síncrona? ¿O existe algún equivalente?

Para dar contexto a la situación en el cual ocurre el problema. Tengo el siguiente useState en el cual controlo los valores de un score para un juego de dos equipos: const [score, setScore] = useState(...
Avatar del usuario Víctor Hugo Tirado
1 voto
1 respuesta
1k vistas

ReactJs, useState undefined

nuevamente vuelvo a acudir a ustedes! Estoy teniendo unas dudas en cuenta el uso y manejo de useState. En el siguiente ejemplo tengo un componente que lo que hace es tomar un token que viene del back ...
Avatar del usuario Guido Gagliardini
1 voto
1 respuesta
52 vistas

¿Por qué un hook personalizado no actualiza todas las propiedades de un objeto?

Tengo este hook que cree, que se ejecuta cada que se hace un submit en un formulario. El problema es que cuando se hace la validación solo actualiza la propiedad valPass y no actualiza el valName. Ya ...
Avatar del usuario Rigoberto Cepeda
0 votos
1 respuesta
102 vistas

Contador en React - Error: Too many re-renders

estoy haciendo un ejercicio simple en React de crear un contador utilizando useState. Al presionar el boton, se debe mostrar en el Html el contador sumando +1 por cada click. Al ejecutar el codigo me ...
Avatar del usuario Ralexhx
  • 399
0 votos
1 respuesta
58 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? ...
Avatar del usuario Yhoan
0 votos
1 respuesta
22 vistas

Por qué se regresa a contar la varibale de react en use state?

Mi problema es que estoy haciendo una práctica en react, estoy usando useState y un setInterval para poder ver cómo es el funcionamiento del estado. Pero al momento de hacer que la variable del ...
Avatar del usuario DrNykerstein
0 votos
2 respuestas
156 vistas

Duda sobre React y useState en objetos JSON

Tengo la siguiente App en React que hace el llamado a una APIRest y éste devuelve un JSON con un único objeto import { useState, useEffect } from "react" const CallToAPI= () => { const [...
Avatar del usuario maycolyucra
0 votos
1 respuesta
147 vistas

Problema con useState() de React

La idea es que al presionar una celda de mi DataGrid se dispare un Dialog. Si bien se dispara y es mostrado, no se puede quitar. DataGrid.tsx: export default function Data(props: any) { const { ...
Avatar del usuario Martín LC
0 votos
1 respuesta
49 vistas

Evento y setState en react

buenas tardes; Tengo una consulta, quiero saber si existe alguna manera de hacer esto, tengo este codigo const ItemDetail = ({ item }) => { const [AddCart, setAddCart] = useState(false); ...
Avatar del usuario Martin Omar Heredia
0 votos
1 respuesta
461 vistas

Setear valor a un estado que es un objeto en react

Tengo un state que es el siguiente : const [ totalStats, setTotalStats] = useState({ tCombat: 0, tDurability: 0, tIntelligence: 0, tPower: 0, tSpeed: 0, tStrength: ...
Avatar del usuario Ignacio Hardoy
0 votos
1 respuesta
97 vistas

Cuando actualizo un useState me atualiza otro sin haberlo llamado reactjs

Estoy dando mis primeros pasos en react y en la programacion en si, y para esto estoy haciendo un carrito de compras simple, el cual me permite ir agregando los productos que voy a comprar a un ...
Avatar del usuario Hunk87
  • 1
0 votos
1 respuesta
1k vistas

Obtener los datos de usestate desde un componente hijo al padre

Tengo una duda, ya se como puedo obtener los datos desde un componente padre a su hijo, pero no se como es de la manera inversa (de hijo a padre) codigo padre: import React from 'react' import { ...
Avatar del usuario Eduardo Valenzuela Gonzalez
0 votos
1 respuesta
669 vistas

Arreglo de objetos y Hook useState con React Native

No encuentro la manera de incorporar un nuevo registro en un arreglo de objetos como el que planteo más abajo. Estoy iniciándome en React Native y Javascript, por lo que cualquier orientación será ...
Avatar del usuario Raul
  • 43
0 votos
1 respuesta
382 vistas

enviar multiples peticiones usando useEffect

existe una manera de enviar multiples peticiones usando useEffect, este es mi codigo pero solo me recibe una peticion y si recibo los elementos en la consola, pero el response solo me llega el primero ...
Avatar del usuario Daniel
  • 1,062
0 votos
0 respuestas
24 vistas

se puede hacer un media query a un useState en React?

Estoy utilizando la libreria react-animate-height para hacer un accordion y necesito hacer una condicion donde especifique para desktop que quede abierto "useCollapsible('auto')" y para ...
Avatar del usuario Cristian Rojas
0 votos
0 respuestas
38 vistas

Hacer modales con React

Estoy creando un modal con React y estoy teniendo un problema para poder ejecutarlo en una app que es una lista de regalos. Mi enfoque fue crear un custom hook para poder gestionar todos los estados ...
Avatar del usuario alejoevilches
0 votos
0 respuestas
48 vistas

Añadir a Carrito de compras con react

soy novato, tengo una duda. Estoy diseñando un ecommerce con react. En la Home aparece cada producto con su info y el boton de carritos de compras con el siguiente codigo: const productosComprados ...
Avatar del usuario Pablo Alejandro Acuña
0 votos
0 respuestas
23 vistas

Estado de react elimina propiedades despues de actualizar el estado

Tengo la siguiente función que un botón activa: function handleRemoveItem(index) { const items = [...form[itemName]] items.splice(index, 1) console.log(items) //setForm({ ...form, [...
Avatar del usuario Fabian
0 votos
0 respuestas
104 vistas

Problema al comprobar token en localstorage y login

Tengo este código que me valida que sección o componente debo mostrar según la condición, sin embargo cuando hago uso del método onSubmit de un formulario, envío los datos a un método que se comunica ...
Avatar del usuario David Calderon
0 votos
0 respuestas
54 vistas

cuando intento renderizar un usestate hook en react el navegador me da un error de sintaxis pero el vs code no detecta ningun error

Cuando intento renderizar el main.jsx me da ese error el console del navegador. Cabe destacar que antes funcioanaba bien y no he realizado ningún cambio en los componentes.Empezó a comportarse hace ...
Avatar del usuario Carlos Mata
0 votos
1 respuesta
106 vistas

Manejar los estados de varios modales

necesito ayuda con el manejo de los estados de un componente modal, lo que estoy haciendo es recibiendo un array de ítems desde una API, asignándoselos a un estado. La idea es que por cada elemento ...
Avatar del usuario kilex
  • 413
0 votos
0 respuestas
19 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 ...
Avatar del usuario Gerson Javier Castellanos Niño
0 votos
1 respuesta
343 vistas

REACT ¿Como llenar un Array que esta dentro de otro con React.useState()?

Estoy tratando de registrar un "profesor" el cual puede tener varios "cursos". desde mi backend espero una estructura de este tipo: "nombre": "yony meza", ...
Avatar del usuario Yony Yeseth Hoyos Meza
0 votos
2 respuestas
1k vistas

Cambiar color fondo de div. React

tengo la siguiente situacion. Estoy mapeando un lista de nombres, y cada nombre esta en un div. Quiero que al hacer click en algun div, este cambie de color como "seleccionado" pero si hago ...
Avatar del usuario Ralexhx
  • 399
0 votos
1 respuesta
240 vistas

Utilizar el estado de un componente hijo para luego cambiar el estado de un componente padre en ReactJS

Tengo un componente hijo que es un modal en el que tengo un handleChange para que cuando se haga click sobre un botón específico el modal se cierre. Luego, este modal (que solo tiene la estructura ...
Avatar del usuario Lore12
  • 1
0 votos
0 respuestas
298 vistas

Cambiar el estado de un componentes desde otro fichero con onChange y usestate

He empezado una aplicación utilizando el hook usestate. El problema me surge al crear mi primer componente reutilizable que es un formulario, el cual es invocado por el componente login(). El ...
Avatar del usuario Gómez Cano José