Tengo problemas para pasar accesorios a los niños en la reacción funcional. Mis {children}
es un componente de Details
como el siguiente:
<SidebarPage> {children} </SidebarPage>
const Details = () => {}
¿Cómo puedo pasar accesorios de manera que pongo accesorios a {children}
y recibo estos accesorios en el componente Details
? ¿Es esto viable?
¡Gracias por cualquier ayuda!
Puede pasar el componente como accesorio, algo así como:
const SidebarPage = ({ChildComponent}) => { const props = { name: "X" }; return <ChildComponent {...props} /> } const Details = (props) => {} <SidebarPage ChildComponent={Details} />
Puede usar cloneElement para agregar nuevos accesorios a un componente secundario
const newProps = {aProp: "aProp"} ; return ( <SidebarPage> {React.Children.map(props.children, child => { return React.cloneElement(child, { newProps, }, null) } </SidebarPage> )