Render Props Pattern

What is Render Props?

A render prop is a function prop that a component uses to know what to render. It enables component logic reuse.

Pattern

Pass a function that returns React elements to a component.

Note: Custom hooks often replace this pattern now.