Estoy trabajando con un código similar a este en react (faltan más cosas pero me estoy centrando en la parte q me esta dando problemas):
const defaultComps = {estilo1, estilo2,...,estilon};
const mainFunction = ({src, renderers, links}) => {
const comp = {...defaultComps, ...renderers};
const function1 = (p) => {
const Block = comp.estilo1;
return(
<Block>{p.value}</Block>
)
}
const customRenderers = {
render1: function1,
}
return <ReactMarkdown source = {src} renderers={customRenderers}>
}
export default mainFunction;
Lo que quiero hacer es darle a function1
su propio archivo e importarla a mainFunction
, mi problema es q no estoy segura de como pasar a comp
como un prop para q function1
pueda interpretarlo de la misma forma en q lo hace estando en mainFunction
. Alguna idea de como hacer esto?
function1
comoprop
amainFunction
? El patrón común es pasar las props desde padre a hijo, es decir se debería pasarfuncion1
como prop desde el padre demainFunction
. Sugiero seguir dicho patrón. Veo que hay dos variables involucradasp
ycomp
, verifica que puedes usarlas desde el padre, así declarasfunction1
desde el padre y ya solo la pasas como prop.prop
sino como unimport
de una función normal a un componente en react. Lo q quiero es una manera de qfunction1
pueda accederrenderers
cuando es invocada enmainFunction