Problemy z nowymi id w React

Załóżmy, że z bazy danych otrzymaliśmy następującą tablicę obiektów:

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

Jak widać, id są ponumerowane kolejno. Należy jednak pamiętać, że liczby mogą mieć luki, na przykład po 3-im może iść od razu 5-ty lub 6-ty. Z tego powodu nasz skrypt kliencki nie może wiedzieć, jaki będzie następny id (w naszym przypadku niekoniecznie jest to 4).

Nowe id są tworzone przez bazę danych serwera. Może to powodować pewne problemy podczas pracy po stronie klienta. Istota problemu jest następująca: wyobraźmy sobie, że za pomocą formularza dodaliśmy nowy element do naszej tablicy. Jednak nie możemy po prostu wziąć i dodać danych z formularza - przecież nie wiemy, jaki id będzie miał nowy element!

Będziemy musieli wysłać zapytanie do serwera, aby dał nam następny id w kolejności, i dopiero wtedy dodać element do naszej tablicy obiektów. Spowoduje to opóźnienie w wyświetlaniu danych na ekranie: zanim dane dotrą do serwera, a serwer odeśle je do nas z powrotem, minie pewien czas.