1

次の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!!

4

1 に答える 1