Quiero hacer un calculo matematico para hacer un componente que coloque ciertos iconos de estrellas segun el rate pasado por propiedades.
en el render tengo:
render() {
let {rate} = this.props
return (
<div>
{this.getStars(rate) }
</div>
);
}
y mi funcion getStars es la siguiente:
getStars(rate){
let items = []
for(let i = 0; i < 10; i++){
(
items.push(
<div className="star" key={i}>
{ rate * 2 > i && i % 2 && (
<i className="fas fa-star"></i>
)}
</div>
)
)
}
return items;
}
El problema ocurre aqui cuando uso i % 2
:
{ rate * 2 > i && i % 2 && (
<i className="fas fa-star"></i>
)}
Asi como está i % 2
rederiza un 0, literal
Coloco la condicion al inicio del for algo como:
for(let i = 0; i < 10; i++){
let isValidStar = rate * 2 > i && i % 2
(
items.push(
<div className="star" key={i}>
{ isValidStar && (
<i className="fas fa-star"></i>
)}
</div>
)
)
}
y me sale un error: Uncaught TypeError: 2 is not a function
El modulo (%) es el que me está dando el problema