Lors de l’ajout d’un objet (ou autre élément) dans un tableau Typescript / React géré avec un useState, il est parfois utile de pouvoir préciser la position où l’objet doit être ajouté dans le tableau.

Voici le code pour ajouter l’objet en première position du tableau :

// tableau qui contient une liste d'objet "Vehicule"
const [allVehicules,setAllVehicules] = useState([vehicule1,vehicule2,vehicule3,vehicule4])

// définition de l'ojet à insérer dans le tableau
const monNouveauVehicule = new Vehicule();

// ajout de notre élément monObjet en première position du tableau
setAllVehicules(prev => [monNouveauVehicule, ...prev]);

Après insertion du nouvel objet dans un nouveau tableau, la commande …prev va recopier à la suite du nouvel élément tous les éléments qui étaient déjà présents dans le tableau avant l’insertion.

Le tableau vaut maintenant : [monNouveauVehicule,vehicule1,vehicule2,vehicule3,vehicule4]