Cuando veo un ejemplo de caso de uso del componente de reacción, por ejemplo, aparece lo siguiente. Pero tengo preguntas. <App /> significa algún componente de reacción y tiene algún elemento html. Pero con respecto a <Theme></Theme> , también es un componente de reacción. pero ¿por qué esta es una forma de escritura diferente de <App /> ? ¿Cuál es la diferencia entre ellos?
<BrowserRouter> <Theme> <App /> </Theme> </BrowserRouter>Soy totalmente novato en React, y los busco pero aún no lo tengo claro. Si alguien tiene materiales relacionados con eso. Por favor, hágamelo saber
Gracias
Si define un componente que tiene children en accesorios, debe usarlo como etiqueta de par, y lo que sea que esté dentro, se pasa a props.children . En su ejemplo, imagine que Theme puede verse de alguna manera así:
const Theme = ({children}) =>{ return <div style={{backgroundColor: red, color: blue}}> {children} //this is where <App /> is rendered in your case </div> }