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.
93
preguntas
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'...
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 ...
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: "/&...
-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?...
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 ...
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 ...
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 ...
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 });
...
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 ...
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 '...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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",...
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 ...
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&...
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 ...
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 ...
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 ...
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 ...
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";
...
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 ...
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 = ...
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 ...
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....
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,...
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 ...
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 === '...
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 ...
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 ...
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 ...
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 ...
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 ...
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={
...
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 ...
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 ...
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 ...
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:
// ...
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 ....
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 ...
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(...
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 ...
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] ...
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
...
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 ...
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 ...
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 ">
...