Блог

Я дважды отправляю в магазин redux из своего функционального компонента, используя крючки redux.

Когда я отправляю их по отдельности, как это, только один из них хранится в моем магазине redux, так как он, кажется, обновляется каждый раз и сохраняет только один. Как я могу отправить их вместе или предотвратить обновление хранилища redux и потерю первой полезной нагрузки при отправке??

 dispatch({  type: "access_token",  payload: googleUser.accessToken,  });  dispatch({  type: "firebase_userId",  payload: result.user.uid,  });   

Магазин 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 ) =gt; {       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;    

В вашем редукторе вам всегда нужно возвращать копию текущего состояния. В этом-то и проблема. Нет ничего плохого в том, как вы отправляете действия.

 const counterReducer = (  state = initialState,  action ) =gt; {   if (action.type === "access_token") {    return {  // copy amp; update state  ...state,  access_token: action.payload,  };  }   if (action.type === "firebase_userId") {    return {  // copy amp; update state  ...state,  firebase_userId: action.payload,  };  }   return state; };