Estou querendo gerar 4 valores aleatórios de uma array. Já tentei usar o Math.random, mas fica em um loop infinito...
import React, { useState, useEffect } from "react";
import api from "../../services/api";
export default function Popular() {
const [AllServices, setService] = useState([]);
useEffect(() => {
api.get("/").then((response) => {
setService(response.data);
});
}, []);
return (
<div className="cards">
{AllServices.slice(0, 4).map(service => (
<div className="card" key={service.id}>
<img src={service.imageUrl} alt={service.title} />
<p className="title">{service.title}</p>
<div className="info">
<i className="material-icons">grade</i>
<span className="rating">{service.rating}</span> · {" "}
<span className="category">{service.category}</span>
</div>
</div>
))}
</div>
);
}
.slice(0, 4)
para encurtar a array? ou queres ter uma array com numeros aleatórios dentro? e quantos? e de 0 a 8?