JS Built-ins
← redux-toolkit6 / 22
redux-toolkitcreateActionbeginner

createAction

📖 Usage Example
const { createAction } = ReduxToolkit
const increment = createAction('counter/increment')
increment()       // → { type: 'counter/increment' }
increment.toString() // → 'counter/increment'

createAction returns a typed action creator — the passed argument automatically becomes the payload.

createAction

createAction(type) returns an action creator function. Calling it with no arguments produces { type }. Passing an argument sets { type, payload: arg }.

Challenge: Create increment and addBy action creators.

increment()        // → { type: 'counter/increment' }
addBy(5)           // → { type: 'counter/addBy', payload: 5 }
increment.toString() // → 'counter/increment'
💡 Hints (3)
  • • `createAction("counter/increment")` returns a function that creates `{ type: "counter/increment" }`.
  • • The action creator's `.toString()` method returns the type string — useful for switch statements.
  • • The argument passed to the action creator becomes `action.payload` automatically.