[Solved] What is the issue in this Angular RxJS code snippet?import { of } from 'rxjs'; import { map } from 'rxjs/operators'; of(2, 4, 6).pipe( map(x => { x + 10; }) ).subscribe(console.log); | Angular

Angular - RxJS Operators

What is the issue in this Angular RxJS code snippet?

import { of } from 'rxjs';
import { map } from 'rxjs/operators';

of(2, 4, 6).pipe(
  map(x => { x + 10; })
).subscribe(console.log);

AThe map operator is not imported correctly

BThe arrow function does not return a value explicitly

CThe observable should use from() instead of of()

DThe subscribe method is missing a callback

Step-by-Step Solution

Solution:

Step 1: Analyze the arrow function
The arrow function uses curly braces but lacks a return statement, so it returns undefined implicitly.
Step 2: Understand map behavior
map expects a function that returns a transformed value; here, it returns undefined for each emission.
Final Answer:
The arrow function does not return a value explicitly -> Option B
Quick Check:
Arrow functions with braces need explicit return [OK]

Quick Trick: Use return with braces in arrow functions [OK]

Common Mistakes:

MISTAKES

Master "RxJS Operators" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What is the issue in this Angular RxJS code snippet?