Estoy trabajando en React Native y enviando cargas útiles a mi tienda redux: accessToken y firebase_userId después de que se hayan recuperado.

Se envían mediante dispatch() en una función useEffect() .

Cuando registro el estado de mi redux store solo se envía el accessToken de acceso a la tienda y no el firebase_userId.

¿Cómo puedo enviar ambas cargas útiles a la vez desde mi componente para que ambas se envíen a mi redux store ?

Orden de operaciones:

Inicio de sesión de usuario --> accessToken y firebase_userId --> state se establece en estos dos valores --> useEffect() ejecuta el envío accessToken y firebase_userId a la redux store .

ENVÍO DE COMPONENTES accessToken y firebase_userId

 const [accessToken, setAccessToken] = useState(""); const [firebase_userId, setFirebase_userId] = useState(""); const dispatch = useDispatch(); //listens for state of accessToken and firebase_userId to be set useEffect(() => { dispatch({ type: "access_token", payload: accessToken }); }, [accessToken]); useEffect(() => { dispatch({ type: "firebase_userId", payload: firebase_userId, }); }, [firebase_userId]); function onSignIn(){ ...//Signs in to firebase and returns accessToken and firebase_userId //set the state of the component with retrieved values setAccessToken(googleUser.accessToken); setFirebase_userId(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, if (action.type === "access_token") { return { ...state, access_token: action.payload, }; } if (action.type === "firebase_userId") { return { ...state, firebase_userId: action.payload, }; } return state; }; const store = createStore(counterReducer, applyMiddleware(thunk)); export default store;