Проблеми са новим 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, и тек онда да додамо елемент у наш низ објеката. То ће изазвати кашњење у приказу података на екрану: док подаци стигну до сервера, док сервер не пошаље натраг – проћи ће извесно време.