Tenho o seguinte código:
{
this.state.listSkills.map(function(habilidade){
return (
<ul className="habilidades">
<li className="habilidade-"{habilidade.value}>
<h2>{habilidade.name}
<div className="barra"><span></span></div>
</h2>
</li>
</ul>
);
})
}
O valor da variável habilidade.value
vem de um json dinâmico com um valor e um simbolo de porcentagem (%
), exemplo: 10%
.
Preciso concatenar a string "habilidade"
com essa variavel e tirar o %
para que fique class="habilidade-10"
. Como fazer?
className={"habilidade-" + habilidade.value.replace('%', '')}