Quiz for Switch Case Patterns

Q1: What is the best alternative to switch-case in JSX rendering?

A. If/Else statement B. Ternary Operator C. Mapping Function D. All of the above

Q2: Why is switch-case rarely used directly in JSX?

A. It is not supported B. It’s verbose and not readable inside JSX C. It requires async code D. It uses too much memory

Q3: Which of the following allows replicating switch-case functionality in React?

A. Object mapping B. Promise chaining C. State polling D. SetTimeouts

Q4: In React, switch-case is usually implemented inside:

A. The render method return block B. A separate function before return C. Directly in JSX D. Inside a componentDidMount

Q5: Which is a clean pattern to avoid switch-case in JSX?

A. Using nested ternary operators B. Using an object to map keys to components C. Using multiple return statements D. All of the above

Q6: How can switch-case logic be managed externally for cleaner JSX?

A. Write logic in separate function B. Use separate conditional renderer C. Use a context API D. All of the above

Q7: Which of the following is a preferred modern React way to render based on a variable?

A. Using object maps B. Using switch-case in return C. Using jQuery D. Using if-else in useEffect

Q8: What will be the output of switch-case inside return block of JSX?

A. Syntax error B. Proper component rendering C. React crash D. All of the above

Q9: What is a major drawback of using multiple ternary operators instead of switch-case?

A. Increased speed B. Poor readability C. Cleaner code D. Fewer bugs

Q10: Which of the following is not an alternative to switch-case in React?

A. Object mapping B. Function map C. For loop D. Multiple return statements

Q11: Which approach uses a key to component mapping for rendering?

A. Switch-case B. Object map rendering C. ForEach rendering D. CSS mapping

Q12: In switch-case patterns in React, the "default" case is used when:

A. No case matches B. Case is empty C. An error occurs D. Rendering fails

Q13: Where should switch-case logic be implemented for better maintainability?

A. Direct JSX return block B. A separate render function C. Inside useState hook D. Inside CSS files

Q14: How can enum-based cases be implemented in React rendering?

A. With CSS classes B. By switch-case C. By mapping enum keys to components D. Using inline styles

Q15: Which switch-case replacement is considered most readable?

A. Nested ternary B. Object map C. Multiple if-else D. DOM manipulation

Q16: What is a common performance benefit of avoiding switch-case?

A. Faster DOM creation B. Reduced bundle size C. Less complex tree re-rendering D. Better runtime decision branching

Q17: Which of these is best for scalable component switching?

A. Switch-case in JSX B. Dynamic import statements C. Object mapping D. All of the above

Q18: Switch-case in React should generally be placed:

A. Inside JSX B. In index.html C. Before return inside component D. After render method

Q19: What error occurs if switch-case is used directly inside JSX return?

A. React render error B. Babel parse error C. JavaScript runtime error D. Syntax error

Q20: Switch-case is most similar to which React conditional technique?

A. Multiple return statements B. UseEffect with dependencies C. UseRef hooks D. Strict mode