javascript - 在 React Redux 中,我在一个组件中向商店分派了两次,但只有一个有效负载被传送到商店
问题描述
我正在使用 React Native 并将有效负载发送到我的 redux 存储:在检索到 accessToken 和 firebase_userId 后。
它们是使用函数发送dispatch()
的。useEffect()
当我记录我的状态时,redux store
只有accessToken
被发送到商店而不是 firebase_userId。
如何从我的组件一次分派两个有效负载,以便将它们都发送到我的redux store
?
操作顺序:
用户登录 --> 检索accessToken
和firebase_userId
-->state
设置为这两个值 -->执行useEffect()
调度accessToken
和firebase_userId
.redux store
组件调度accessToken
和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);
}
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;
解决方案
推荐阅读
- c# - 设计视图模型并避免在控制器中使用 if else 语句并使用设计模式编写良好的业务逻辑 asp.net web api
- django - Django:如何在 sqlite3 数据库中添加/删除字段?
- mysql - 列出受相同抗生素影响的细菌对
- sql - 三个条件以防万一
- java - 算法实现java(algo)
- angular - 将@angular/pwa 添加到现有项目
- java - 将类路径设置为 txt 文件中的字符串
- c# - 我应该绑定到 WPF Prism 中的 SharedService 属性吗
- angular - 角度5中的身份验证弹簧安全性
- maven - 在 OSGI 中导出没有包的类