我在这里的其他问题中看到了关于getState
在操作中使用是否可以接受的相互矛盾的(或者对我来说只是令人困惑的)答案,并且我已经看到很多次它被称为反模式。对我来说,它似乎工作得很好,但如果我们不使用,这样做的最佳做法是什么getState
?
我getState
在 thunk 中使用来过滤当前连接到一些模拟数据并被拉入应用程序状态的用户数组。
这是我的操作的代码:
export const accountLogInSuccess = user => ({
type: types.ACCOUNT_LOG_IN_SUCCESS,
user,
});
export const accountLogOutSuccess = () => ({
type: types.ACCOUNT_LOG_OUT_SUCCESS,
});
export const accountCheckSuccess = () => ({
type: types.ACCOUNT_CHECK_SUCCESS,
});
export const accountCheck = () => (
(dispatch, getState) => {
dispatch(ajaxCallBegin());
return apiAccount.accountCheck().then((account) => {
if (account) {
const user = findByUID(getState().users, account.uid);
dispatch(accountLogInSuccess(user));
toastr.success(`Welcome ${user.nameFirst}!`);
} else {
dispatch(accountLogOutSuccess());
}
dispatch(accountCheckSuccess());
}).catch((error) => {
dispatch(ajaxCallError(error));
toastr.error(error.message);
throw (error);
});
}
);
还有我的减速机:
export default function reducerAccount(state = initial.account, action) {
switch (action.type) {
case types.ACCOUNT_LOG_IN_SUCCESS:
return Object.assign({}, state, action.user, {
authenticated: true,
});
case types.ACCOUNT_LOG_OUT_SUCCESS:
return Object.assign({}, {
authenticated: false,
});
case types.ACCOUNT_CHECK_SUCCESS:
return Object.assign({}, state, {
initialized: true,
});
default:
return state;
}
}
我的 reducer 中使用的初始帐户状态只是:
account: {
initialized: false,
authenticated: false,
},
该accountCheck
操作将用户(使用getState
和findByUID
函数找到)传递到accountLogInSuccess
减速器通过 将其值添加到当前帐户状态的位置Object.assign
。
宁愿不必在我的应用程序的根目录下获取用户,然后通过 props 将其传递,在 Redux 中完成此操作并让用户数据在状态下可用的最佳实践是什么?同样,getState
到目前为止,在 thunk 中使用对我来说效果很好,但是是否有更好的解决方案来解决这个问题而不被认为是反模式?