Estoy enviando dos veces a la tienda redux desde mi componente funcional usando ganchos redux.
Cuando envío estos individualmente de esta manera, solo uno de ellos se almacena en mi tienda redux, ya que parece actualizarse cada vez y solo se queda con uno. ¿Cómo puedo enviarlos juntos o evitar que la tienda redux se actualice y pierda la carga útil del primer envío?
dispatch({ type: "access_token", payload: googleUser.accessToken, }); dispatch({ type: "firebase_userId", payload: result.user.uid, });tienda redux
import React from "react"; import symbolicateStackTrace from "react-native/Libraries/Core/Devtools/symbolicateStackTrace"; import { applyMiddleware, createStore } from "redux"; import thunk from "redux-thunk"; const initialState = { access_token: "", firebase_userId: "", }; const counterReducer = ( state = initialState, action ) => { if (action.type === "access_token") { return { access_token: action.payload, }; } if (action.type === "firebase_userId") { return { firebase_userId: action.payload, }; } return state; }; const store = createStore(counterReducer, applyMiddleware(thunk)); export default store;En su reductor, siempre debe devolver una copia del estado actual. Ese es el problema. No hay nada de malo en cómo envías las acciones.
const counterReducer = ( state = initialState, action ) => { if (action.type === "access_token") { return { // copy & update state ...state, access_token: action.payload, }; } if (action.type === "firebase_userId") { return { // copy & update state ...state, firebase_userId: action.payload, }; } return state; };