Render Props

一种在 React 组件之间使用一个值为函数的 prop 共享代码的简单技术
可以用来解决横切关注点

<DataProvider render={data => (
  <h1>Hello {data.target}</h1>
)}/>

Render Props 本身就是一个属性 prop，不过这个属性传的是一个方法。这个方法跟据传入参数来渲染不同的组件

不一定要用名为 render 的 prop 来使用这种模式，任何被用于告知组件需要渲染什么内容的函数 prop 在技术上都可以被称为 “render prop”

Render Props 每次传的函数都不一样，所以 PureCompoment 也会无法正确判断而失效