Problemi con i nuovi id in React

Supponiamo che dal database ci arrivi il seguente array di oggetti:

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

Come puoi vedere, id sono numerati in ordine. Tuttavia, dobbiamo considerare che i numeri potrebbero avere lacune, ad esempio, dopo il 3 potrebbe venire immediatamente il 5 o il 6. Per questo motivo, il nostro script client non può sapere quale sarà il prossimo id (nel nostro caso non è necessariamente il 4).

I nuovi id vengono creati dal database del server. Ciò può causare alcuni problemi durante il lavoro sul client. L'essenza è la seguente: immaginiamo che tramite un modulo abbiamo aggiunto un nuovo elemento nel nostro array. Tuttavia, non possiamo semplicemente prendere e aggiungere i dati dal modulo - dopotutto noi non sappiamo quale id avrà il nuovo elemento!

Dovremo inviare una richiesta al server, in modo che ci dia il prossimo id in ordine, e solo allora aggiungere l'elemento al nostro array di oggetti. Ciò causerà un ritardo nella visualizzazione dei dati sullo schermo: finché i dati non arriveranno al server, finché il server non ce li rispedirà - passerà del tempo.