Which statement about higher-order components is accurate?

Which statement about higher-order components is accurate?

• A. A higher-order component is a function that takes a component and returns a new component with enhanced behavior.
• B. A higher-order component is a component that renders another component as a child.
• C. A higher-order component is a state management library.
• D. A higher-order component is a React hook for memoization.

Answer: (C)

Higher-order components are functions that take a component and return a new component with enhanced behavior. This pattern lets you reuse logic by wrapping the original component and injecting extra props, state, or behavior without modifying the component itself. For example, a withLoading HOC can wrap any component to show a spinner while data loads, then render the wrapped component with the data once ready. This concept is different from a component that simply renders another component as a child, and it’s not a state management library or a memoization hook. Those other ideas describe separate patterns or tools, whereas a higher-order component specifically refers to a function that produces a new component by wrapping another one.

Higher-order components are functions that take a component and return a new component with enhanced behavior. This pattern lets you reuse logic by wrapping the original component and injecting extra props, state, or behavior without modifying the component itself. For example, a withLoading HOC can wrap any component to show a spinner while data loads, then render the wrapped component with the data once ready.

This concept is different from a component that simply renders another component as a child, and it’s not a state management library or a memoization hook. Those other ideas describe separate patterns or tools, whereas a higher-order component specifically refers to a function that produces a new component by wrapping another one.