次の2 つの@ngrx/store レデューサーがあります。
import {ActionReducer, Action} from '@ngrx/store';
import {UserAccount} from '../shared/models/useraccount.model';
export const SET_CURRENT_USER_ACCOUNT = 'SET_CURRENT_USER_ACCOUNT';
export const UPDATE_CURRENT_USER_ACCOUNT_FIRST_NAME = 'UPDATE_CURRENT_USER_ACCOUNT_FIRST_NAME';
export const currentUserAccountReducer: ActionReducer<UserAccount> = (state: UserAccount, action: Action) => {
console.log('currentUserAccountReducer:', state, action);
switch (action.type) {
case SET_CURRENT_USER_ACCOUNT: {
return action.payload;
}
case UPDATE_CURRENT_USER_ACCOUNT_FIRST_NAME: {
state.firstName = action.payload;
return state;
}
}
};
export const SET_AUTHENTICATED = 'SET_AUTHENTICATED';
export const SET_UNAUTHENTICATED = 'SET_UNAUTHENTICATED';
export const authenticatedReducer: ActionReducer<boolean> = (state: boolean, action: Action) => {
console.log('authenticatedReducer:', state, action);
switch (action.type) {
case SET_AUTHENTICATED: {
return true;
}
case SET_UNAUTHENTICATED: {
return false;
}
}
};
ただし、何らかの理由で、1 番目のレデューサー (つまりcurrentUserAccountReducer
) のディスパッチを発行すると、2 番目のレデューサー (つまり) の状態が変更されauthenticatedReducer
ます...
この問題の原因となっているディスパッチは次のとおりです。
this.store.dispatch({type: SET_CURRENT_USER_ACCOUNT, payload: currentUserAccount});
imports
セクションでストアを初期化する方法は次のとおりです。
StoreModule.provideStore(
{
currentUserAccount: currentUserAccountReducer,
authenticated: authenticatedReducer
})
誰かアドバイスをお願いできますか?
編集:問題はそれauthenticated
が終わることですundefined
!!