Render Props

But which component do I render?

Render props is quite a neat trick we use to allow a component to render different things dynamically without changing its implementation. It doesn't actually need to be "render" here, it could be literally name for the prop, it just makes sense to use render.

There's other neat tricks too, such as using this method to create HOCs, or instead of using "render", use "children" which means it doesn't need to be specified as a prop in the component. See here for more examples.

This a component which returns a render function. It is just a regular paragraph though, except it has state, which has this text.