en este enlace: https://mui.com/styles/advanced/#theme-nesting Encontré una guía para personalizar la tematización... Me preguntaba acerca de esa parte del código:
<ThemeProvider theme={(outerTheme) => ({ ...outerTheme, border: "2px solid black" })} >
Donde básicamente pasas una devolución de llamada de función a la propiedad del theme
, que devuelve un objeto (con los antiguos ...outertheme
accesorios de tema externo pasados a la función y desestructurados y extendidos...)
Me preguntaba cómo se volvió a llamar esa construcción y cómo funciona detrás de escena. Creo que había algo similar en React llamado render props, donde pasas una función a una propiedad de componente que devuelve una expresión JSX, pero esa función pasa alguna propiedad del componente principal, que pasa esa función como un parent
y ejecuta el pero pasa parámetros adicionales de antemano a la función como render props
. ¿Está bien?
<Component someThing={property => (<p>This is some {property}</p>)} />
y en Componente:
({someThing}) => (...create `property`, return (someThing(property)))