estoy haciendo un breadcrum
, y necesito una mano para manejar strings de javascript. Tengo esto:
const Breadcrumbs = (props) => {
const elements = props.url.split('/');
elements.shift();
console.log(elements)
return (
<div className='breadcrums'>
<Breadcrumb tag="nav" listTag="div">
{
elements.map((element,index) => {
console.log(element)
return <BreadcrumbItem key={index} tag="a" href={'/'+element} className='text-capitalize'>{element}</BreadcrumbItem>
})
}
</Breadcrumb>
</div>
);
};
En la variable
elements
se guarda un array que contiene cada una de las partes de la url, algo asi:["profile", "edit"]
(en realidad me guarda un primer elemento vacio que elimino con .shift() )
Ahora, cuando yo hago el .map
quisiera hacer lo siguiente:
Que el primer elemento se pase como está ('profile'), y que el segundo elemento se concatene al primero, me explico?
Yo en este momento, tengo un breadcrum algo como:
Profile / Edit
Y el link de profile
es http://localhost:3000/profile
, mientras que el link de edit
es http://localhost:3000/edit
. Yo espero que sea http://localhost:3000/profile/edit
Muchas gracias