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> )