Angular - Advanced Patterns
How can you prevent a dumb component from accidentally mutating an input array passed from a smart component?
How can you prevent a dumb component from accidentally mutating an input array passed from a smart component?
hard📝 Application Q9 of 15
Step-by-Step Solution
Solution:
Step 1: Understand mutation risks
Inputs are references; modifying them directly changes parent data.Step 2: Choose safe modification method
Creating a copy inside dumb component avoids mutating the original array.Final Answer:
Create a copy of the array inside the dumb component before modifying it. -> Option DQuick Check:
Clone inputs before modifying to avoid side effects [OK]
Quick Trick: Clone arrays before changing in dumb components [OK]
Common Mistakes:
- Assuming readonly prevents mutation at runtime
- Expecting dumb components to modify inputs directly
- Disabling change detection to fix mutation issues
Master "Advanced Patterns" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes