What are higher-order components (HOCs) and how do they work in ReactJS?

Higher-order components (HOCs) are functions that take a component as input and return a new component with enhanced functionality. They are used for code reuse, cross-cutting concerns like authentication, or adding additional props or behavior to components.