19. Modal Complete (14. Redux Toolkit)

В последней версии Redux-Toolkit больше не поддерживается «объектная» форма как для RTK 2.0 createReducer, так и для других createSlice.extraReducersбиблиотек. Это связано с тем, что форма обратного вызова построителя столь же лаконична с точки зрения количества строк кода и более эффективно интегрируется с TypeScript. Я расскажу об этом в видео о нотации коллбэков Builder. А пока вы можете настроить функции и extraReducers, но имейте в виду, что мы рефакторизуем код позже. Поэтому не удивляйтесь, если следующий код не будет работать: // НЕ БУДЕТ РАБОТАТЬ !!!! extraReducers: { [getCartItems.pending]: (state) =﹥ { state.isLoading = true; }, [getCartItems.fulfilled]: (state, action) =﹥ { console.log(action); state.isLoading = false; state.cartItems = action.payload; }, [getCartItems.rejected]: (state) =﹥ { state.isLoading = false; }, }, Вместо этого нам нужно использовать форму обратного вызова конструктора. extraReducers: (builder) =﹥ { builder .addCase(getCartItems.pending, (state) =﹥ { state.isLoading = true; }) .addCase(getCartItems.fulfilled, (state, action) =﹥ { // console.log(action); state.isLoading = false; state.cartItems = action.payload; }) .addCase(getCartItems.rejected, (state, action) =﹥ { console.log(action); state.isLoading = false; }); },