Render Props
Estos documentos son antiguos y no se actualizarán. Vaya a react.dev para ver los nuevos documentos de React.
Los accesorios de renderizado se usan en React moderno, pero no son muy comunes. En muchos casos, han sido reemplazados por Hooks personalizados.
El término “render prop” se refiere a una técnica para compartir código entre componentes en React utilizando una propiedad cuyo valor es una función.
Un componente con una render prop toma una función que devuelve un elemento de React y lo llama en lugar de implementar su propia lógica de representación.
<DataProvider render={data => (
<h1>Hello {data.target}</h1>
)}/>Algunas bibliotecas que utilizan render props son React Router, Downshift y Formik.
En este documento, discutiremos por qué las render props son útiles y cómo escribir las tuyas.