[Solved] Why does this effect fail to dispatch any action?delete$ = createEffect(() => this.actions$.pipe( ofType('DELETE'), tap(action => this.api.delete(action.payload)) )) | Angular

Angular - State Management

Why does this effect fail to dispatch any action?

delete$ = createEffect(() => this.actions$.pipe(
  ofType('DELETE'),
  tap(action => this.api.delete(action.payload))
))

ABecause ofType is used incorrectly

BBecause tap does not return a new action to dispatch

CBecause createEffect requires a second argument

DBecause api.delete is not called

Step-by-Step Solution

Solution:

Step 1: Understand tap operator
tap performs side effects but does not transform or emit new values.
Step 2: Effect must return an action
Effects dispatch actions returned by the observable; tap alone does not emit actions, so no dispatch occurs.
Final Answer:
Because tap does not return a new action to dispatch -> Option B
Quick Check:
tap is for side effects, not dispatching actions [OK]

Quick Trick: Use map or switchMap to return actions, not tap alone [OK]

Common Mistakes:

Master "State Management" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Why does this effect fail to dispatch any action?