Selectors

Question 1

Selectors

Answer 1

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

По умолчанию селекторы генерируются с предположением, что слайс монтируется в корневом состоянии с использованием slice.name в качестве поля, например, name: ‘todos’ -> rootState.todos.. Поэтому важно при конфигурации store указывать имя не вручную, а брать его из slice.name, как было сделано ранее.

Перенесите селектор selectThemeMode из файла app-selectors.ts в appSlice:
export const appSlice = createSlice({
name: ‘app’,
initialState: {
themeMode: ‘light’ as ThemeMode,
},
selectors: {
selectThemeMode: state => state.themeMode,
},
/…/
})

export const { selectThemeMode } = appSlice.selectors

Где использовался селектор selectThemeMode, замените импорты на селектор из appSlice;
Удалите файл app-selectors.ts.