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' });