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.
82
preguntas
6
votos
2
respuestas
46
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)}
...
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 ...
2
votos
2
respuestas
794
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 ...
2
votos
2
respuestas
975
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 ...
2
votos
1
respuesta
46
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 ...
2
votos
0
respuestas
21
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....
2
votos
0
respuestas
34
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={
...
2
votos
0
respuestas
34
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 ...
2
votos
0
respuestas
69
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 ...
1
voto
3
respuestas
164
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 ...
1
voto
1
respuesta
33
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 === '...
1
voto
1
respuesta
69
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 ">
...
1
voto
1
respuesta
360
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 ...
1
voto
2
respuestas
329
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 ...
1
voto
1
respuesta
512
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 ...
1
voto
1
respuesta
2k
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 ./../...
1
voto
1
respuesta
92
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 ...
1
voto
1
respuesta
57
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 ...
1
voto
0
respuestas
20
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 ...
1
voto
0
respuestas
68
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 ...
1
voto
1
respuesta
83
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 ...
1
voto
0
respuestas
70
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 ...
1
voto
0
respuestas
25
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 ...
1
voto
0
respuestas
35
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:
// ...
1
voto
0
respuestas
64
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(...
1
voto
0
respuestas
90
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] ...
1
voto
1
respuesta
119
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
...
1
voto
1
respuesta
198
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 ...
1
voto
0
respuestas
16
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 ...
1
voto
1
respuesta
59
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, _....
1
voto
0
respuestas
85
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 ...
1
voto
1
respuesta
40
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 ...
1
voto
1
respuesta
621
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 ...
1
voto
0
respuestas
78
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 ...
0
votos
1
respuesta
22
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 ...
0
votos
1
respuesta
101
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 ...
0
votos
1
respuesta
213
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.
...
0
votos
1
respuesta
52
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&...
0
votos
1
respuesta
97
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 ...
0
votos
1
respuesta
522
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 ...
0
votos
1
respuesta
439
vistas
Valor inicial de useState a partir de un parámetro recibido desde un botón (React)
Tengo un botón que envía un parámetro a una función "capturaCheck"
<ToggleButton onChange={(parametro) => capturaCheck(item.id, parametro)}>
{item.id}
</ToggleButton>
En ...
0
votos
1
respuesta
86
vistas
Sumar precios desde base de datos - React Redux
Estoy intentando armar una tabla de ingresos y gastos para practicar con React, pero me veo perdido al querer sumar todos los precios para poder calcular un Resultado total de las operaciones y ...
0
votos
1
respuesta
28
vistas
REACT el código funciona bien, pero aun así me retorna un error que no entiendo
actualmente hice un código, en el cual una pagina renderiza uno y otro componente, dependiendo del valor booleano de una propiedad pasada a través de MasStateToProps (debitCardFeatureFlagEnabled), el ...
0
votos
1
respuesta
59
vistas
<Timer> de 'react-compound-timer' pierde el scope a la hora de actualizar el estado
Estoy tratando de crear un componente con props que cambian según el tiempo. Al principio funciona bien pero despues de actualizar las props no se ven reflejadas en el pero si en el consol.log, ...
0
votos
2
respuestas
223
vistas
¿Como obtener datos de un array multi dimensional?
Como puedo obtener datos que tengo dentro de un array, puedo obtener los primeros datos, pero cuando intento sacar el dato que tengo dentro de otro no puedo pongo el codigo
const series = {
serie:[
...
0
votos
0
respuestas
27
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 ...
0
votos
0
respuestas
10
vistas
Quiero ver los documentos previamente precargados
Estoy en una app de una Inmobiliaria con Django y React y en el momento de crear en este caso un proyecto me pide subir unos documentos los cuales carga bien pero al estar dentro del proyecto y darle ...
0
votos
0
respuestas
21
vistas
¿Cómo lograr que el Dispatch de react-redux se ejecute 1 sola vez así se llame mas de una vez?
¿Cómo lograr que el Dispatch de react-redux se ejecute 1 sola vez así se llame mas de una vez?
Uso el mismo modal para mostrar varios errores y lo llamo a dicho modal por medio de un estado en redux, ...
0
votos
0
respuestas
10
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";
...
0
votos
0
respuestas
12
vistas
COMO usar un url de imagen con FIREBASE Y REACT
estoy tratando de acceder desde mi storage en firebase, donde tengo guardado los datos de mi card, y quiero tomar el link de la imagen y que se vea sin necesidad de subir la imagen al storage.
mi ...