ngRx: различия между ключами от интерфейса состояния и ключами от StoreModule.forRoot

Question

Я только что запустил ngRx и столкнулся с небольшой проблемой.

Хотелось бы узнать разницу между клавишами как состояний интерфейса, так и модулей forRoot.

export interface ConfigurationState {
  readonly configuration: Configuration;
}

StoreModule.forRoot({
  configuration: ConfigurationReducer,
}),

export function configurationReducer(state: Configuration = undefined, action: ConfigurationActions.Actions): Configuration {
  switch (action.type) {
    case ConfigurationActions.SET:
      return action.payload;
    default:
      return state;
  }
}

this.store.select('configuration')

Когда я выбираю магазин с 4-м фрагментом кода, я вижу справку по intellisense для ключей 1-го фрагмента кода.

Если я изменю ключ 2-го куска кода, он ничего не изменит.

Итак, мой вопрос, какова цель forRoot? Ключи важны?

Answer 1

Работа inerface - это проверка типов и немного интеллигентности.forRoot - это регистрация ваших редукторов, это самая важная часть, иначе ваши редукторы не будут вызваны.

В примере, который вы публикуете, интерфейс State на самом деле не добавляет никакого значения, ноесли вы сделаете это следующим образом, добавится некоторое значение проверки типов.

// reducer.ts

/**
 * As mentioned, we treat each reducer like a table in a database. This means
 * our top level state interface is just a map of keys to inner state types.
 */
export interface State {
  layout: fromLayout.State;
  router: fromRouter.RouterReducerState;
}

/**
 * Our state is composed of a map of action reducer functions.
 * These reducer functions are called with each dispatched action
 * and the current or initial state and return a new immutable state.
 */
export const reducers: ActionReducerMap<State> = {
  layout: fromLayout.reducer,
  router: fromRouter.routerReducer,
};


// app.module.ts
StoreModule.forRoot(reducers),

Взято из примера приложения NgRx