Quiero hacer un componente pero quiero que uno también acepte elementos. Por ejemplo :
Componente :
const Example = () => { return ( <div> //Some Elements will come here. </div> ) }
Otra página :
const App = () => { return ( <Example> <div> <h1>Hello all </h1> <p>I want that elements acceptable on my custom component </p> </div> </Example> ) }
Pero solo puedo enviar accesorios y no puedo escribir nada dentro de las etiquetas de mi componente. ¿Cómo puedo hacerlo? ¡Gracias por todo!
React definió un accesorio especial llamado children
. Eso es exactamente lo que necesitas.
Prueba así
const Example = ({ children }) => { return <div>{children}</div>; }; const App = () => { return ( <Example> <div> <h1>Hello all </h1> <p>I want that elements acceptable on my custom component </p> </div> </Example> ); };
Puedes usar accesorios.niños
const Example = props => { return <div>{props.children}</div>; };