Я пытаюсь создать библиотеку, которая имеет состояние и комбинированный редуктор.
Мой редуктор функций выглядит следующим образом:
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 -состояния, так как у меня нет доступа к нему, потому что это библиотека (пытаясь обойти дизайн, управляемый доменом, я создал библиотеку функций для решения этой проблемы). Или это может быть проблемой?
Буду признателен, если кто-нибудь сможет объяснить это немного подробнее.