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.
85
preguntas
0
votos
0
respuestas
17
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 ...
0
votos
0
respuestas
23
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 ...
0
votos
0
respuestas
26
vistas
Problema al renderizar dato asincrono con custom Hook en react
Tengo mi componente ProductEdit, en el cual recibo mediante url el parámetro id. EL objetivo de tener el id es filtrar un producto específico de un array de datos seteado en el store de mi aplicación ...
0
votos
1
respuesta
12
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 ...
0
votos
0
respuestas
28
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
12
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
31
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
15
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
1
respuesta
31
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
0
respuestas
22
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 ...
0
votos
0
respuestas
7
vistas
proceso de como al hacer un evento este genere un pdf
Hola deseo entender el proceso de como cuando hago click a guardar en un form de React esta llega a django y crea un pdf ya que necesito idenfiticar el momento en el que se genera el pdf para asi ...
0
votos
0
respuestas
33
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 = ...
0
votos
0
respuestas
25
vistas
cambiar dos o mas valores de un objeto por una condicion
Tengo una tabla con elementos, en el cual por cada elemento tengo un contador inicial en 1 y dos botones uno para aumentar en uno y otro para reducir en uno, de igual forma por cada elemento tengo un ...
0
votos
0
respuestas
14
vistas
useStore de react-redux mock subscribe en reactJS
Este es el elemento donde se contruye la lógica del componente, los fragmentos de valor para entender la situación
import { useStore } from 'react-redux';
const reduxStore = useStore();
...
0
votos
1
respuesta
20
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 ...
0
votos
0
respuestas
34
vistas
Como visualizar notificaciones usando redux correctamente?
Estoy haciendo una aplicación en react utilizando redux, y la verdad me esta yendo muy bien en el login, lo que deseo es implementar las notificaciones, he instalado libreria de notificaciones pero ...
2
votos
0
respuestas
22
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....
0
votos
0
respuestas
40
vistas
Module.css dinámico en React
Quiero poder realizar un button con muchas clases css usando module distintas en React.
Ósea cree un componente llamado button, con 4 clases distintas (button-primary, button-secundary, button-...
0
votos
0
respuestas
35
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,...
1
voto
1
respuesta
62
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
1
respuesta
34
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
0
respuestas
21
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 ...
0
votos
0
respuestas
38
vistas
React-Native Error al abrir en navegador web
espero que alguien me pueda ayudar.
El proyecto compila en el dispositivo Android, pero al intentar abrirlo en la navegador recibo muchos errores, y por lo tanto no se interpreta.
Estos errores me han ...
0
votos
0
respuestas
26
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 ...
1
voto
0
respuestas
95
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
102
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
74
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 ...
2
votos
0
respuestas
37
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={
...
0
votos
1
respuesta
132
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 ...
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 ...
2
votos
1
respuesta
47
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 ...
1
voto
0
respuestas
44
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:
// ...
0
votos
0
respuestas
95
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 ....
0
votos
0
respuestas
63
vistas
como hacer test a redux thunk
soy nuevo en el tema de test y estoy practicando con sencillo todo en react. He realizado un test a un reducer, el test pasa, pero no estoy seguro de que este escrito correctamente, mis fuentes fueron ...
0
votos
0
respuestas
85
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 ...
1
voto
0
respuestas
72
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(...
2
votos
0
respuestas
41
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 ...
1
voto
0
respuestas
102
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
147
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
266
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
75
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 ">
...
0
votos
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 ...
1
voto
1
respuesta
61
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 ...
0
votos
1
respuesta
105
vistas
No funciona el Dispatch de una acción al logearse. Redux y redux-thunk
Estoy intentando de hacer un login y al momento de realizar el dispatch para cambiar el estado de checking: true hacia checking: false no se emite.
He revisado paso a paso y no logro encontrar mi ...
0
votos
0
respuestas
15
vistas
Codigo Fuente de Redux-Thunk : ¿ A quien hace referencia el next?
Estoy tratando de comprender el codigo fuente de redux-thunk , ya que esta es una libreria que nos permite aplicar un midleware de manera pero facil , pero no entendia muy bien que hacia por detras:
...
0
votos
1
respuesta
253
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.
...
2
votos
0
respuestas
74
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 ...
0
votos
1
respuesta
53
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&...