JS Built-ins
← redux-legacy9 / 22
redux-legacyaction-creatorbeginner

Action Creator with Payload

📖 Usage Example
function addItem(item) {
  return { type: 'ADD_ITEM', payload: item }
}

store.dispatch(addItem('apple'))
// dispatches → { type: 'ADD_ITEM', payload: 'apple' }

Passing the payload as a parameter lets you reuse one action creator for any value instead of hard-coding it.

Action Creator with Payload

Action creators become more powerful when they accept arguments and include them in the action's payload:

function addItem(item) {
  return { type: 'ADD_ITEM', payload: item }
}

This follows the Flux Standard Action convention: { type, payload }.

Challenge: Implement addItem(item) that returns { type: 'ADD_ITEM', payload: item }.

💡 Hints (2)
  • • The `payload` key is a Redux community convention (Flux Standard Action).
  • • The payload can be any value: a string, number, object, or array.