Render-props pattern in React

The render-props pattern is a technique for sharing props between components. It involves passing a function as a prop to a component, which then renders this function as part of its output. As an overview, render-props pattern looks like this; impor...