Very nice!
One additional bit: as with createAction, you can define a "prepare callback" function that can be used to turn multiple arguments into the payload field, generate unique IDs, or whatever other consistent prep work needs to be done for the action:
createAction
payload
const todosSlice = createSlice({ name: 'todos', initialState: [], reducers: { addTodo: { prepare(text) { const id = uuid(); return {payload: {id, text}}; }, reducer(state, action) { const { id, text } = action.payload state.push({ id, text, completed: false }) } } } })
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Very nice!
One additional bit: as with
createAction
, you can define a "prepare callback" function that can be used to turn multiple arguments into thepayload
field, generate unique IDs, or whatever other consistent prep work needs to be done for the action: