Problèmes avec les nouveaux id dans React

Supposons que le tableau d'objets suivant nous soit parvenu de la base de données :

const prods = [
	{id: 1, name: 'product1', cost: 100},
	{id: 2, name: 'product2', cost: 200},
	{id: 3, name: 'product3', cost: 300},
];

Comme vous pouvez le voir, les id sont numérotés dans l'ordre. Cependant, nous devons tenir compte du fait que les nombres peuvent avoir des lacunes, par exemple, après le 3ième peut venir directement le 5ième ou le 6ième. Pour cette raison, notre script client ne peut pas savoir quel sera le prochain id (dans notre cas, ce n'est pas nécessairement 4).

Les nouveaux id sont créés par la base de données du serveur. Cela peut causer quelques problèmes lors du travail sur le client. L'essentiel est la suivante : imaginons que nous ayons ajouté un nouvel élément dans notre tableau via un formulaire. Cependant, nous ne pouvons pas simplement prendre et ajouter les données du formulaire - car nous ne savons pas quel id aura le nouvel élément !

Nous devrons envoyer une requête au serveur pour qu'il nous donne le prochain id dans l'ordre, et seulement ensuite ajouter l'élément à notre tableau d'objets. Cela entraînera un délai dans l'affichage des données à l'écran : le temps que les données arrivent au serveur, que le serveur nous les renvoie - un certain temps s'écoulera.