Redux#7 Redux-toolkit 使用步驟複習

const createSlice = require("@reduxjs/toolkit").createSlice;

const iceCreamSlice = createSlice({
  name: "iceCream",
  initialState: {
    numOfIceCream: 10,
  },
});`

const iceCreamSlice = createSlice({
  name: "iceCream",
  initialState: {
    numOfIceCream: 10,
  },
  reducers: {
    order: (state, action) => {
      state.numOfCakes -= action.payload.quantity;
    },
    restock: (state, action) => {
      state.numOfCakes += action.payload.quantity;
    },
  },
});
 

module.exports = iceCreamSlice.reducer;
module.exports.iceActions = iceCreamSlice.actions;

// 1. 引入 reducer
const iceCreamReducer = require("../features/iceCream/iceCreamSlice");
 
const store = configureStore({
  reducer: {
    cake: cakeReducer,
    // 2. 設置
    iceCream: iceCreamReducer,
  },
});

// 1. 引入 actions
const iceCreamActions = require("./features/iceCream/iceCreamSlice").iceCreamActions;
 
// 2. 發送 actions
store.dispatch(
  iceCreamActions.order({
    quantity: 10,
  }),
);
 
store.dispatch(
  iceCreamActions.restock({
    quantity: 2,
  }),
);

const reducers = combineReducers({
  cake: cakeReducer,
  iceCream: iceCreamReducer
});