Hoc Interview Questions

A HOC is a function that takes a component and returns an enhanced version with added behavior. Every HOC must spread {...props} to avoid swallowing parent props, set displayName for readable DevTools output, and use React.forwardRef for ref forwarding. HOCs are largely superseded by custom hooks but remain correct when you need to intercept rendering.

Render props invert rendering control by passing state through a function call. HOCs operate at the component definition level and inject behavior via wrapped props. Both are superseded by custom hooks for logic sharing, but remain the right choice in specific scenarios.