Skip to main content

Preguntas con la etiqueta [react-redux]

Redux es una librería JavaScript de código abierto para el manejo del estado de las aplicaciones. Es comúnmente usada con otras librerías como React o Angular para la construcción de Interfaces de Usuario.

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

Problema de tipos redux-thunk - Typescript

Estoy experimentando un error de tipos en mi store de redux cuando intento configurar redux-thunk en el mismo: import { configureStore } from '@reduxjs/toolkit'; import { combineReducers } from 'redux'...
Avatar del usuario Lucas
  • 333
1 voto
1 respuesta
30 vistas

ReactJS - Redux , no consigo que funcione mi store

estoy creando un store con redux, aplicando el terminologia duck, que es unicamente hacer las acciones,constantes y mutaciones en el mismo fichero, por un tema de orden: Tengo mi pokeDucks.js: import ...
Avatar del usuario josanangel
  • 2,359
0 votos
0 respuestas
12 vistas

obtener datos actualizados del store antes de renderizar los componentes

estoy desarrollando una aplicacion con electronjs y estoy teniendo un problema al crear los loader del componente CreateBrowserRouter export const router = createBrowserRouter([ { path: "/&...
Avatar del usuario Enzo
  • 131
-1 votos
1 respuesta
40 vistas

Como ejecutar una pagina?

hice un git clone de mi repositorio que subi desde otra PC y me lo baje a una nueva PC que tengo. cuando intento correr el la pagina con npm start o npm run dev me tira este error... como lo soluciono?...
Avatar del usuario Agus Albarracín
1 voto
0 respuestas
46 vistas

Filtros de ordenamiento no actualizan el estado

estoy tratando de implementar unos filtros de ordenamiento usando react-redux, pero lo hago trayendo el orden de los paises desde la base de datos. El problema que tengo es que cuando selecciono la ...
Avatar del usuario Ezequiel Rubio
1 voto
1 respuesta
135 vistas

Problema al instalar @reduxjs/toolkit

Estoy teniendo un conflicto al querer instalar @reduxjs/toolkit el cual es este Con respecto a la version de react realice el npm list react y todas las dependencias me dicen que utilizan la version ...
Avatar del usuario alejandromartin
0 votos
0 respuestas
99 vistas

Como puedo obtener mi objeto enviado en dispatch En una variable REDUX React

Muy buenas noches, llevo unos dias estancada tratando de agarrar el objeto enviado en mi dispatch. Soy nueva en redux, y no he podido encontrar algun tipo de documentacion que me sirva en eso ...
Avatar del usuario Michell Q. Hernandez
1 voto
0 respuestas
18 vistas

Al usar UseSelector me toma el state de @init y no el dispath

Cree un dispatch en un componente para cargar los datos del usuario: useEffect(() => { const TrearDatos = async () => { const DatosJson = JSON.stringify({ id: IdDoc, d: 0 }); ...
Avatar del usuario David Esteban Capera Herrera
0 votos
1 respuesta
317 vistas

Error a hacer deploy en vercel de una web app con react

Buenas hacer varios dias estoy intentando hacer deploy de una web app en vercel y me esta tirando este error que no se de que puede ser. Por lo que veo viene de redux pero, si huiera un error supongo ...
Avatar del usuario guido
  • 9
1 voto
0 respuestas
92 vistas

React Redux Router

Estoy haciendo una aplicacion con React + Redux + React Router Dom Tengo las rutas definidas usando createBrowserRouter En mi archivo Index tengo el siguiente bloque de codigo: import React from '...
Avatar del usuario MCcover
  • 151
1 voto
2 respuestas
378 vistas

Almacenar el valor de 2 inputs de un form

Tengo un formulario y quiero pasar a la funcion el valor de los 2 input para luego enviarlos a la store, cuando uso 1 input funciona, pero cuando meti el 2º dejo de funcionar alguna idea de que pudo ...
Avatar del usuario FranyxD
  • 671
0 votos
0 respuestas
69 vistas

Abrir modal con id de la publicación

estoy haciendo un modal para manejar los comentarios de una publicación realizada, tengo mi componente comments donde me abre el modal y tiene toda la información y le mando los post así <Comments ...
Avatar del usuario Rafael Monroy Rodriguez
0 votos
1 respuesta
37 vistas

Como pasar una funcion de un componente a otro

tengo un componentes que es home.js y otro que es modal.js En modal guardo lo que es un popup que se activa al hacer click en una imagen. ademas de pasar el modal necesito que una funcion especifica ...
Avatar del usuario FranyxD
  • 671
0 votos
1 respuesta
176 vistas

Como meter como parametro en una funcion onClick el src de un img

usando una api (unsplash) tengo muchas fotos cargadas en la store de redux, y haciendo un map cargo todas con su respectivo button, como conseguiria pasar como parametro a la funcion onCLick del ...
Avatar del usuario FranyxD
  • 671
0 votos
1 respuesta
35 vistas

Problema con action redux, devuelve objeto anidados

estoy aprendiendo redux haciendo una página de crear notas, esta haciendo click en ella puedes cambiar la importancia de la nota, no se por que pero al crear 1 nota cambia perfectamente pero al crear ...
Avatar del usuario FranyxD
  • 671
0 votos
0 respuestas
289 vistas

TypeError: Cannot read properties of undefined (reading 'loading')

Gracias por la ayuda el bicho sigue Gracias. Necesito ayuda para resolver el siguiente error Se hace desde acciones la conexión con el back y se trae por reducer al componente pero tenemos un error al ...
Avatar del usuario moisecas dev
0 votos
1 respuesta
42 vistas

Como cambio de status ocupando redux en react native

Necesitó cambiar una variable, pero esta variable en el store esta asi le comparto la data Data export const lists =[ { "id":1, "listname":"2022-09-09 00:00:00",...
Avatar del usuario Juan Pablo Grover Pinto
0 votos
0 respuestas
20 vistas

No me deja iterar sobre un array despues de agarrar datos de un APi JavaScript-react

despues de buscar datos en un API intento buscar mas datos en la misma funcion ya que es necesaria una "key" de la anterior busqueda, despues de encontrar los datos utilizo useSelector para ...
Avatar del usuario alejandro torres
0 votos
0 respuestas
46 vistas

¿Cómo realizar un unit test a la siguiente función?

Tengo este código en react para una página, lo que hace es validar el token y mostrar una lista de productos export async function getServerSideProps( context: GetServerSidePropsContext ): Promise&...
Avatar del usuario hdmq
  • 316
1 voto
0 respuestas
105 vistas

Pasar el estado de un componente a otro componente en React

Hola necesito pasar el valor de la variable GuaranteeAmount a otro componente pero la manera en la que esta estipulado el componente no me es familiar quiero entender bien como funciona el proceso que ...
Avatar del usuario Edison Jao5
0 votos
0 respuestas
68 vistas

Como puedo traer datos aleatorios con node js desde mongo

Quisiera saber como puedo traer datos aleatorios desde la base de datos mongo con nodejs estoy tratando de traer productos aleatorios, he buscado por internet pero no encuentro solución este es mi ...
Avatar del usuario Cerber0Z
0 votos
1 respuesta
305 vistas

Cuando hago un dispatch desde un useEffect, me pide como segundo parametro el dispatch, pero esto causa in bucle

tengo una app en react, en un useEffect hago una request a una api rest y hago un dispatch, al hacer esto useEffect requiere agregar como segundo parametro opcional el dispatch porque cree que este va ...
Avatar del usuario LexxCh
  • 300
0 votos
0 respuestas
113 vistas

Como cambiar la ruta inicial

Debo cambiar esta ruta para poder ver los documentos que tengo previamente cargados y no se como sustituir la ruta inicial ya que esta destinada de esta manera al dar click en ver el documento me ...
Avatar del usuario Edison Jao5
0 votos
1 respuesta
232 vistas

No puedo ver las actions en Redux DevTools en React JS

tengo un problema que no puedo visualizar mis actions en la extensión de Redux DevTools. La configuración que estoy usando es la siguiente: import { configureStore } from "@reduxjs/toolkit"; ...
Avatar del usuario CesarHR
  • 71
0 votos
1 respuesta
178 vistas

Incrementar cantidad a variable en redux

tengo un problema de lógica en mi proyecto, necesito cargar en mi estado un arreglo de objetos que contenga algunos productos, la dinámica es la siguiente: Cuando un producto ya esta en lista hay que ...
Avatar del usuario jeancarlos733
0 votos
0 respuestas
74 vistas

error 401 me impide hacer un login

Estoy probando iniciar sesión en la pagina que creé. Sera algo en el react-redux, porque puedo iniciar sesión usando Postman. import {createSlice} from "@reduxjs/toolkit" const userSlice = ...
Avatar del usuario Lautaro Omar Lamalfa
0 votos
1 respuesta
29 vistas

quisiera comprender de mejor manera el funcionamiento de esta funcion asincrona

sucede que estoy leyendo el codigo de un poryecto sobre una aplicacion en react con redux referente a perros y informacion de ellos, solo que al leer este codgo ubicado en la carpeta de action de ...
Avatar del usuario Sebastian Rodriguez Penagos
2 votos
0 respuestas
45 vistas

¿Cómo se trabaja con el setInterval en un switch en reducers?

Necesito hacer un contador automático en React-Redux y me arroja este error... state + 1 const initialState = 0; export default function jueReducer(state = initialState, action) { switch (action....
Avatar del usuario Matias Delgado
0 votos
0 respuestas
131 vistas

¿Es posible solo renderizar una función y no el resto del componente en React?

¿Es posible solo renderizar una función que este enlazada con el evento click? Yo estoy intentando que el navegador hable con SpeechSynthesisUtterance(): al principio hablaba y ahora ya no lo hace más,...
Avatar del usuario Matias Villar
1 voto
1 respuesta
341 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 ...
Avatar del usuario Franco Montini
1 voto
1 respuesta
67 vistas

Porque obtengo este resultado usando Redux?

Estoy aprendiendo Redux y tengo una duda cuando aplico en este sencillo ejemplo: const redux = require('redux'); const counterReducer = (state = { counter: 0 }, action) => { if (action.type === '...
Avatar del usuario José Ignacio
1 voto
0 respuestas
30 vistas

Redux Saga no se detiene y hace succesivas peticiones, como puedo hacer que se detenga

estoy migrando mis servicios a Redux-saga la cual si ha funcionado, hace la peticion HTTP y puedo verlo normal con console.log() pero las peticiones nunca terminan, leí que takeEvery es la que hace ...
Avatar del usuario user75463
  • 552
0 votos
0 respuestas
66 vistas

React native comunicación entre componentes

A ver si alguien me puede ayudar. Soy nuevo en React-native. El caso es que necesito comunicarme entre componentes: me explico: tengo la clase UploadFile y necesito acceder al nombre del archivo ...
Avatar del usuario cristianftn
1 voto
0 respuestas
388 vistas

Asignar un objeto a un Estado, useState React

1 en cartData se tienen los productos de un carrito de compras, es un array de ahi requiero solo quantity, _id y timestamp + la propiedad del id y se asigna al estado orderItems 2 En el useEffect si ...
Avatar del usuario John Osorio
1 voto
1 respuesta
332 vistas

Theader dinamico con react js

Tengo una tabla en JSX y quiero cargar una columna de manera dinamica pero no lo la muestra, se queda en blanco. Primero obtengo datos desde una api y los paso a un array, luego de todo el JSON ...
Avatar del usuario Huntzberger
1 voto
0 respuestas
99 vistas

Problema al agregar items a una array

Tengo una función que sirve para agregar números consecutivos a un array al hacer click en un button, este numero consecutivo lo envia a una peticion http para actualizar un formulario, esto se ...
Avatar del usuario Huntzberger
2 votos
0 respuestas
59 vistas

Error GET - Too many re-renders. React limits the number of renders to prevent an infinite loop

Tengo un proyecto en react JS el cual consume una API, pero me tira el error del titulo al hacer GET. Aquí mi código Articulos.js import axios from 'axios'; //constants const dataInicial={ ...
Avatar del usuario Huntzberger
0 votos
1 respuesta
674 vistas

React - Componente para mostrar productos como hacer columnas

Buenas tengo un buscador en react donde a partir de un "termino" hago una llamada api que me devuelve N objetos y los "pinto" por pantalla (esto me funciona) y lo hago con 2 ...
Avatar del usuario ilernet
  • 1,323
1 voto
0 respuestas
62 vistas

Checkbox de array no guarda todos los valores seleccionados

Estimados he creado un formulario donde tengo unas opciones de checkbox, donde obtengo los valores en el estado pero al enviar solo me guarda el valor de primer elemento o checkbox por mas que esten ...
Avatar del usuario Sixto Mujica
2 votos
1 respuesta
89 vistas

¿Cómo saber en cual item hice click para modificar el resto?

Tengo este código donde tengo una lista de elementos y al hacer clic cambio un poco el estilo del botón en el cual hice clic(agrego un clase llamada active), pero al hacer clic en alguno quiero que el ...
Avatar del usuario Rene Limon
  • 4,642
1 voto
0 respuestas
105 vistas

¿Cómo manejar una conexión websocket en redux de manera apropiada?

Estoy tratando de crear y manejar una conexión websocket (para un chat simple) en una aplicación web, hecha con react, redux y por parte de la API con express, mi implementación es la siguiente: // ...
Avatar del usuario Jorius
  • 6,370
0 votos
0 respuestas
183 vistas

useSelector no funciona

Estoy usando hoooks para conectar redux con react, pero por alguna razón no toma las propiedades de estado inicial como válidas. Aquí está mi código. Al intentar renderizar, me indica que ....
Avatar del usuario Hermes
  • 31
0 votos
0 respuestas
236 vistas

¿Debo de hacer una llamada get a una API cada vez que tenga que hacer un post o un put para poder actualizar el estado manejado con redux?

Para actualizar el estado de redux al hacer una llamada http post o put necesito hacer nuevamente una llamada get para actualizar el estado?, He visto en algunos tutoriales que al hacer llamadas put o ...
Avatar del usuario Alejandro Vega
1 voto
0 respuestas
184 vistas

Como evitar el scroll top al momento de cambiar el estado? React

Les cuento el problema. Estoy utilizando un template el cual tiene algunos custom hook como el siguiente: import {useCallback, useState} from 'react'; import _ from '@lodash'; function useForm(...
Avatar del usuario Mahicol Castillo
2 votos
0 respuestas
73 vistas

DESHABILITAR BOTON REACT-REDUX

Estoy trabajando con una pequeña aplicacion en react-redux en donde uso 2 botones: AgregarCompra, Reservar. Lo que busco es que al momento de usar el boton "Reservar" este se deshabilite y ...
Avatar del usuario Jhonathan Mondragon Salazar
1 voto
0 respuestas
239 vistas

Cada vez que se pulsa en un botón renderizado por map, se renderiza de nuevo

function shuffleArray(a) { console.log("hi") var j, x, i; for (i = a.length - 1; i > 0; i--) { j = Math.floor(Math.random() * (i + 1)); x = a[i]; a[i] ...
Avatar del usuario Jesus  Garcia Barca
1 voto
1 respuesta
695 vistas

Tengo un error al usar useContext en React

Tengo un error al usar useContext. Estoy haciendo un ecommerce, cuando quiero agregar un producto al carrito me tira un error que dice que onAdd no es una funcion. Esto es mi componente Context ...
Avatar del usuario alejandromartin
1 voto
1 respuesta
1k vistas

Al recargar la web se actualiza el estado del redux

estoy realizando un login para una web y al iniciar sesión se guarda el token en el localstorage y se me guarda la sesion pero al actualizar la pagina el isLogged que tengo en el redux me cambia a ...
Avatar del usuario Maxi Pintos
1 voto
0 respuestas
51 vistas

utilizo redux-saga pero no puedo hacer fetching a una direccion satisfactoriamente

Estoy estudiando redux-saga y quiero hacer fetch a esta direccion: https://jsonplaceholder.typicode.com/posts y en mi carpeta redux tengo lo siguiente: (se puede chequear esta informacion en el ...
Avatar del usuario Maykel Contreras Camacho
1 voto
1 respuesta
217 vistas

Cada vez que se pulsa en un botón, se vuelve a llamar a la misma función para reordenar de manera aleatoria un array en react.js

<div className=" row pt-3 pr-3 pl-3 "> { shuffleArray(array).map((respuestasv)=>( <div key={respuestasv.id} className="col-md-6 "> ...
Avatar del usuario Jesus  Garcia Barca