La idea es crear un Componente con un niño que podría ser cualquier componente, por lo que necesito asignar los accesorios a este Componente.
Intento hacerlo en bucle, porque no sé cuántos accesorios debe haber.
//Array of objects which i wanna render {array?.[i] && ( <Component {...Object.keys(component.props)?.map(prop => ({ [prop]: array?.[i]?.[prop] }))} /> )}pero como resultado en el inspector obtuve algo como ...
props 0:{prop1: "prop1"} 1:{prop2: "prop2"} 2:{prop3: "prop3"}Pero no quiero que se vea así
prop1: "prop1", prop2: "prop2" prop3: "prop3"quemado un poco
todo lo que traté de hacer es como
<Component {...Object.keys(component.props)?.reduce((acc: { [key: string]: any }, curr) => { acc[curr] = array?.[i]?.[curr] return acc }, {})} />