Can you dispatch multiple actions in a row with useReducer?

Yes, you can dispatch multiple actions in a row using useReducer but not directly in one call. You'd have to call dispatch multiple times or create a composite action in your reducer that performs multiple updates based on the action type.

Example: Dispatching Multiple Actions You can define a custom function with dispatching actions one by one.

function handleMultipleActions(dispatch) {
dispatch({ type: 'increment' });
dispatch({ type: 'increment' });
dispatch({ type: 'reset' });
}

After that, you need to invoke it through event handler

<button onClick={() => handleMultipleActions(dispatch)}>
Run Multiple Actions
</button>

Note: You can also define a custom action type If you want multiple state changes to be handled in one reducer call.

case 'increment_twice':
return { count: state.count + 2 };

Then dispatch

dispatch({ type: 'increment_twice' });