[2021-12-03] render prop是什么？

[HJY-xh]

它是指一种在React组件之间使用一个值为函数的prop共享代码的简单技术。

具有render prop的组件接受一个返回React元素的函数，并在组件内部通过调用此函数来实现自己的渲染逻辑

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

更具体地说，render prop 是一个用于告知组件需要渲染什么内容的函数 prop。