Проблеми с нови id в React

Нека от базата данни ни е пришел следният масив от обекти:

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

Както виждате, id се номерират последователно. Въпреки това, трябва да имаме предвид, че числата могат да имат пропуски, например, след 3-тия може да следва директно 5-тия или 6-тия. Поради това нашият клиентски скрипт не може да знае какво ще бъде следващото id (в нашия случай не е задължително да е 4).

Нови id се създават от базата данни на сървъра. Това може да причини някои проблеми при работа на клиента. Същността е следната: представете си, че с помощта на форма сме добавили нов елемент в нашия масив. Въпреки това, не можем просто да вземем и добавим данните от формата - защото не знаем какво id ще има новият елемент!

Ще трябва да изпратим заявка към сървъра, за да ни даде следващото по ред id, и едва след това да добавим елемента в нашия масив от обекти. Това ще причини забавяне при показването на данните на екрана: докато данните стигнат до сървъра, докато сървърът ни ги изпрати обратно - ще мине известно време.