[Solved] Identify the error in this effect code:saveData$ = createEffect(() => this.actions$.pipe( ofType(saveData), switchMap(action => this.api.save(action.... | Angular

Angular - State Management

Identify the error in this effect code:

saveData$ = createEffect(() => this.actions$.pipe(
  ofType(saveData),
  switchMap(action => this.api.save(action.payload)),
  map(() => saveDataSuccess()),
  catchError(error => saveDataFailure({ error }))
));

AThe <code>catchError</code> operator should return an observable

BThe <code>switchMap</code> should not use <code>action</code> parameter

CThe <code>map</code> operator must return the original action

DThe effect should not use <code>createEffect</code> function

Step-by-Step Solution

Solution:

Step 1: Check catchError usage
The catchError operator must return an observable, but here it returns an action object directly.
Step 2: Correct catchError return
Wrapping the action in of() makes it an observable, fixing the error.
Final Answer:
The catchError operator should return an observable -> Option A
Quick Check:
catchError must return observable [OK]

Quick Trick: Always wrap catchError return in of() to return observable [OK]

Common Mistakes:

Returning plain object instead of observable in catchError
Misusing switchMap parameters
Thinking map must return original action

Master "State Management" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Identify the error in this effect code:

Step 1: Check catchError usage

Step 2: Correct catchError return

Final Answer:

Quick Check:

Want More Practice?