Puedo crear componentes como:
const Route = ({url,clase,contenido}) => { <a className={clase} href={url}>{contendido}<a/>}
Y posteriormente hacer lo siguiente:
Class App extends Component {
render() {
return (
<Route
url={una_url}
clase={una_clase}
contenido={<i class="fa fa-users">Clikeame<i/>}
/>
);
}
}
Pero el contenido no deberia de ir de esa forma, deberia ser algo asi.
Class App extends Component {
render() {
return (
<Route
url={una_url}
clase={una_clase}
>
<i class="fa fa-users">Clikeame<i/>
<Route/>
);
}
}
Que debo de hacer para llegar a este resultado?
const Route = ({url,clase}) => { <a className={clase} href={url}>...que debo de hacer aqui? <a/>}