What are render props and how do they work?

Render props is a pattern where a component receives a function as a prop that returns JSX. It enables sharing code between components using a prop whose value is a function.