Проблема ngrx / entity с выбором данных внутри объекта - PullRequest
0 голосов
/ 31 марта 2020

Я пытаюсь создать библиотеку, которая имеет состояние и комбинированный редуктор.

Мой редуктор функций выглядит следующим образом:

index.ts

export const storageFeatureKey = 'storage';

export interface StorageState {
  [fromBookEntries.bookEntriesFeatureKey]: fromBookEntries.State
}

export function reducers(state: StorageState | undefined, action: Action) {
  return combineReducers({
    [fromBookEntries.bookEntriesFeatureKey]: fromBookEntries.reducer
  })(state, action);
}

bookEntriesFeatures выглядит следующим образом:

book-records.reducer.ts

export const bookEntriesFeatureKey = 'book-entries';

export interface State extends EntityState<WarehouseBookEntry> {
  selectedEntryId: number;
}

export const adapter: EntityAdapter<WarehouseBookEntry> = createEntityAdapter<WarehouseBookEntry>({
  selectId: (entry) => entry.id
});

export const initialState: State = adapter.getInitialState({
  selectedEntryId: null
});

export const reducer = createReducer(
  initialState,
  on(...),
  on(...)
);

export const getSelectedEntryId = (state: State) => state.selectedEntryId;

const {
  selectIds,
  selectEntities,
  selectAll,
  selectTotal
} = adapter.getSelectors();

export const getBookEntriesIds = selectIds;
export const getBookEntriesEntities = selectEntities;
export const getAllBookEntries = selectAll;
export const getTotalBookEntries = selectTotal;

В моем функциональном модуле я импортирую StoreModule.forFeature () с моей функциональной клавишей и редуктором функций.

Нет Я пытаюсь выбрать запись на основе выбранного идентификатора. Поэтому я запускаю действие, которое успешно добавляет идентификатор выбранной записи в состояние записей моей книги.

Чтобы выбрать выбранную запись, у меня есть следующий селектор внутри моих селекторов функций:

index. ts

export const selectSelectedBookEntry = createSelector(
  fromBookEntries.getBookEntriesEntities, // fromBookEntries is in my bookEntriesFeature
  selectSelectedBookEntryId, // simply returns the selected id
  (entries, selectedId) => {
    //console.log(entries, selectedId)
    //console.log("fired");
    return entries && entries[selectedId];
  }
);

При загрузке записей с помощью другого отправленного действия селектор вызывается только onces (до загрузки данных). Я обнаружил, что когда я создаю селекторы из моего bookEntriesAdapter внутри моих селекторов функций, это работает. Вот так:

index.ts

export const selectStorageState = createFeatureSelector<StorageState>(
  storageFeatureKey
);

export const selectBookEntriesState = createSelector(
  selectStorageState,
  state => state[fromBookEntries.bookEntriesFeatureKey]
);

const {
  selectIds,
  selectEntities: selectBookEntriesEntities,
  selectAll,
  selectTotal
} = fromBookEntries.adapter.getSelectors(selectBookEntriesState);

export const selectAllBookEntries = createSelector(
  selectBookEntriesState,
  selectAll
)

export const selectSelectedBookEntry = createSelector(
  selectBookEntriesEntities,
  selectSelectedBookEntryId,
  (entries, selectedId) => {
    //console.log(entries, selectedId)
    //console.log("fired");
    return entries && entries[selectedId];
  }
);

Но почему? Я немного растерялся, пытаясь понять, почему это не работает наоборот.

Приведенный выше пример, который не работает, взят из официального ngrx do c (https://ngrx.io/guide/entity/adapter). Это работает из примера кода ngrx / platform (https://github.com/ngrx/platform/blob/master/projects/example-app/src/app/books/reducers/index.ts).

Я не думаю, что это необходимо, но я не расширяю root -app-store -состояния, так как у меня нет доступа к нему, потому что это библиотека (пытаясь обойти дизайн, управляемый доменом, я создал библиотеку функций для решения этой проблемы). Или это может быть проблемой?

Буду признателен, если кто-нибудь сможет объяснить это немного подробнее.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...