Breaking News: Grepper is joining You.com. Read the official announcement!

how to call an action from another action in redux

Lucky Leopard answered on May 17, 2022 Popularity 8/10 Helpfulness 1/10

answer how to call an action from another action in redux

how to call an action from another action in redux

Comment

const counter = createSlice({
  name: 'counter',
  initialState: 0 as number,
  reducers: {
    increment: (state) => state + 1,
    decrement: (state) => state - 1,
    multiply: {
      reducer: (state, action: PayloadAction<number>) => state * action.payload,
      prepare: (value?: number) => ({ payload: value || 2 }), // fallback if the payload is a falsy value
    },
  },
  // "builder callback API", recommended for TypeScript users
  extraReducers: (builder) => {
    builder.addCase(incrementBy, (state, action) => {
      return state + action.payload
    })
    builder.addCase(decrementBy, (state, action) => {
      return state - action.payload
    })
  },
})

const user = createSlice({
  name: 'user',
  initialState: { name: '', age: 20 },
  reducers: {
    setUserName: (state, action) => {
      state.name = action.payload // mutate the state all you want with immer
    },
  },
  // "map object API"
  extraReducers: {
    // @ts-expect-error in TypeScript, this would need to be [counter.actions.increment.type]
    [counter.actions.increment]: (
      state,
      action /* action will be inferred as "any", as the map notation does not contain type information */
    ) => {
      state.age += 1
    },
  },
})

Popularity 8/10 Helpfulness 1/10 Language typescript

Source: redux-toolkit.js.org

Tags: action call redux slice typescript

Link to this answer
Share Copy Link

Contributed on May 17 2022

Lucky Leopard

0 Answers Avg Quality 2/10

how to call an action from another action in redux

Contents

More Related Answers

how to call an action from another action in redux

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.