Q14: What is a Higher-Order Component (HOC) in React?

A Higher-Order Component (HOC) is a pure function that takes a component as an argument and returns a new enhanced component. HOCs are used for reusing component logic across an application (e.g., withRouter, connect).

Key Takeaways
  • HOCs are design patterns for reusing component logic by wrapping components.
  • Follows functional composition: const EnhancedComponent = hoc(WrappedComponent).
Knowledge Check

What does a Higher-Order Component accept and return?