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
6 votos
2 respuestas
60 vistas

Ejecución de funciones dinamicamente

Tratando de ser lo más resumido posible, si tengo el siguiente arreglo en Javascript (3) [{…}, {…}, {…}] 0: {action: "doSetLibraryTreeData", data: Array(1)} 1: {action: "doSetSource", data: Array(3)} ...
Hamid Pinilla's user avatar
3 votos
1 respuesta
1k vistas

React npm ERR! Failed at the proyect-name@0.1.0 start script. npm ERR! This is probably not a problem with npm

acabo de crear un nuevo proyeto en react con create-react-app luego instale algunas dependencias basicamente de redux, react-router, axios, primero me equivoque de carpeta y las instale fuera de la ...
RazerJs's user avatar
  • 2,313
2 votos
2 respuestas
1k vistas

Pantalla en blanco Reactjs + Redux

El problema es que al ingresar a mi sitio hecho con react y redux: http://190.190.139.142:4447/ muestra pantalla en blanco y con un error en consola: Pero si ingresamos desde un navegador Chrome con ...
danyeldev's user avatar
2 votos
2 respuestas
1k vistas

Problemas con Promises dentro de Array.map() (JS)

EL escenario es el siguiente, tengo un array con ids con los que puedo retirar informacion de una api. EL problema es que dicha api tiene un rate limit por lo que cada vez que hago una query a dicha ...
smartz's user avatar
  • 23
2 votos
1 respuesta
75 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 ...
Rene Limon's user avatar
  • 4,620
2 votos
0 respuestas
38 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....
Matias Delgado's user avatar
2 votos
0 respuestas
48 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={ ...
Huntzberger's user avatar
2 votos
0 respuestas
61 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 ...
Jhonathan Mondragon Salazar's user avatar
2 votos
0 respuestas
92 vistas

Componente Redirect no cambia la ruta en la barra de navegacion y tampoco renderiza el componente

Estoy usando react-router y redux junto, cuando actualizo el estado del store. El componente no se vuelve a renderizar, y por ello, el Redirect no funciona. Aqui esta mi codigo. Este componente switch ...
Juan's user avatar
  • 23
1 voto
3 respuestas
200 vistas

Confusión para integrar React y Redux

He estado mirando vídeos y leyendo documentos sobre React Redux, pero todos varían en algo y no concreto aplicarlo en un proyecto personal que tengo. Así que voy a tratar de enumerar los puntos ...
Maramal's user avatar
  • 518
1 voto
1 respuesta
46 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 ...
alejandromartin's user avatar
1 voto
1 respuesta
58 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 === '...
José Ignacio's user avatar
1 voto
1 respuesta
177 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 "> ...
Jesus  Garcia Barca's user avatar
1 voto
1 respuesta
663 vistas

Usar useDispatch en una función

En mi juego de preguntas tengo 4 opciones, y si el id de la opción que el usuario clickea, coincide con el id de la respuesta correcta, necesito actualizar la puntuación. Sin embargo, para hacerlo ...
Carlo's user avatar
  • 15
1 voto
2 respuestas
487 vistas

agregar DevTools Extension a Redux

Comunidad les agradecería su ayuda. Estoy intentando implementar el plugin de chrome para React y redux ( Redux DevTools Extension) el inconveniente es que mi aplicación quedo con esta estructura y ...
Jeff Ruby's user avatar
1 voto
1 respuesta
867 vistas

React - Dos componentes dentro de otro

Tengo esta aplicación en react donde defino dos componentes un header i un footer siguiente esta estructura Con este código el header import React, { Component } from "react"; export default class ...
ilernet's user avatar
  • 1,323
1 voto
1 respuesta
3k vistas

Consulta de importacion de archivos en react js

Tengo en mi proyecto CRA la forma en que uso el sistema de carpetas es así, y cuando llamo los archivos tengo que poner import MyArchivoPrueba1 from ./Archivo import MyArchivoPrueba1 from ./../...
Guillermo Andrae's user avatar
1 voto
1 respuesta
122 vistas

¿Dónde filtrar y construir datos antes de pasarlos a props?

(La plataforma actual funciona con react-redux) Hola tengo un Componente Maestro <Maestro /> Cuyo render tiene otros componentes <Poster />, <Detalles />, <Botones /> Para ...
elporfirio's user avatar
1 voto
0 respuestas
28 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 ...
Ezequiel Rubio's user avatar
1 voto
0 respuestas
13 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 }); ...
David Esteban Capera Herrera's user avatar
1 voto
0 respuestas
54 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 '...
MCcover's user avatar
  • 117
1 voto
2 respuestas
177 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 ...
FranyxD's user avatar
  • 661
1 voto
0 respuestas
69 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 ...
Edison Jao5's user avatar
1 voto
1 respuesta
210 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 ...
Franco Montini's user avatar
1 voto
0 respuestas
26 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 ...
user75463's user avatar
  • 524
1 voto
0 respuestas
304 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 ...
John Osorio's user avatar
1 voto
1 respuesta
256 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 ...
Huntzberger's user avatar
1 voto
0 respuestas
93 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 ...
Huntzberger's user avatar
1 voto
0 respuestas
38 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 ...
Sixto Mujica's user avatar
1 voto
0 respuestas
77 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: // ...
Jorius's user avatar
  • 6,351
1 voto
0 respuestas
143 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(...
Mahicol Castillo's user avatar
1 voto
0 respuestas
205 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] ...
Jesus  Garcia Barca's user avatar
1 voto
1 respuesta
472 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 ...
alejandromartin's user avatar
1 voto
1 respuesta
835 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 ...
Maxi Pintos's user avatar
1 voto
0 respuestas
24 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 ...
Maykel Contreras Camacho's user avatar
1 voto
2 respuestas
2k vistas

TypeError: Cannot destructure property 'Datos' of 'Object(...)(...)' as it is undefined

Creé un context para describir el state de la aplicación tal como está en el código import React,{createContext, useState} from 'react'; export const FormularioContext = createContext(); const ...
Wilfredo Frias Lopez's user avatar
1 voto
1 respuesta
84 vistas

(0, _.combineReducers) is not a function REDUX, REACT NATIVE

estoy desarrollando una app en react native (expo) y estoy utilizando redux y react navigation hasta ahora estoy haciendo la arquitectura del proyecto y me arroja este error TypeError: (0, _....
Dave's user avatar
  • 13
1 voto
0 respuestas
88 vistas

Error al compilar al tratar de utilizar firestore de firebase

estoy realizando un proyecto de E-commerce y al tratar de usar la DB firestore de firebase me sale un error al compilar mi aplicación: Attempted import error: 'FetchXmlHttpFactory' is not exported ...
Eduardo's user avatar
  • 11
1 voto
1 respuesta
77 vistas

Problemas con Redux-Saga al hacer fetch a una API

Estoy aprendiendo a usar Redux-Saga trayendo una API llamada PokeApi y mandandolo al store de Redux. El problema viene cuando al usar useSelector lo que hace es primero devolverme un arreglo vacio y ...
El programador de papel's user avatar
1 voto
1 respuesta
827 vistas

Login con reactJs y Redux

Estoy hace unos días intentando realizar un login con reactJs y Redux. Tengo una API en Laravel que procesa email y contraseña y devuelve un token, asique por el lado backend no hay problema. En ...
Bruno Sessa's user avatar
1 voto
2 respuestas
5k vistas

Agregar objeto en un arreglo del state desde un form - React JS

El problema es que puedo incertar bien los strings en el state desde el formulario, pero cuando se trata de un arreglo que espera un objeto, no puedo incertar el dato. import React, { Component } ...
danyeldev's user avatar
1 voto
0 respuestas
83 vistas

¿Porque da error en los lifecycle methods de react si no los estoy usando?

Estoy trabajando en un proyecto con react.js para aprender redux. Es basicamente un Login y una pagina principal. Y utilizo redux para saber si el usuario tiene o no una sesión iniciada. Cuando el ...
JGuerra's user avatar
  • 317
0 votos
1 respuesta
161 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 ...
jeancarlos733's user avatar
0 votos
1 respuesta
28 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 ...
FranyxD's user avatar
  • 661
0 votos
1 respuesta
174 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 ...
LexxCh's user avatar
  • 300
0 votos
1 respuesta
494 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 ...
ilernet's user avatar
  • 1,323
0 votos
1 respuesta
629 vistas

Agregar datos en un estado de redux

lo que quiero lograr es sencillo, quiero recibir un texto y agregarlo al estado de redux. Si bien recibo el texto (a travez de un input) se reemplaza por el texto anterior y yo no quiero que suceda. ...
Jonathan E's user avatar
0 votos
1 respuesta
76 vistas

¿como solucionar un "memory leak" en react sin usar hooks?

Este es el codigo que tengo y aun no se usar apropiadamente los ciclos de vida, pero el error en la consola me sugiere que use "ComponentWillUnmount" para arreglar este "memory leak&...
CeciResponde's user avatar
0 votos
1 respuesta
280 vistas

Multipestaña react

Actualmente tengo el sistema de inicio de sesión y deslogueo de una aplicación de React usando JWT, en el backend tengo una ruta para el inicio, cierre y check del token. La aplicación que desarrollo ...
Andrés Cortés's user avatar
0 votos
1 respuesta
996 vistas

Consola del navegador web no muestra Warnings ni Errores REACT

Se supone que la consola debería mostrar este tipo de advertencias y errores por ejemplo: cuando defino una constante y no se utiliza la misma debería aparecer un Warning, que me indica que la ...
Jean Ram's user avatar