Problemos su naujais id React

Tarkime, iš duomenų bazės mums atėjo toks masyvas objektų:

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

Kaip matote, id sunumeruoti eilės tvarka. Tačiau, mes turime atsižvelgti, kad skaičiai gali turėti tarpų, pavyzdžiui, po 3-io gali eiti tiesiai 5-tas ar 6-tas. Dėl to mūsų kliento scenarijus negali žinoti, koks bus kitas id (mūsų atveju tai nebūtinai 4).

Nauji id kuriami serverio duomenų bazių. Tai gali sukelti tam tikrų problemų dirbant su klientu. Esmė tokia: įsivaizduokime, kad naudodami formą mes pridėjome naują elementą į mūsų masyvą. Tačiau, mes negalime tiesiog paimti ir pridėti duomenų iš formos - juk mes nežinome koks id bus naujam elementui!

Mes turėsime išsiųsti užklausą į serverį, kad jis mums duotų kitą eilės id, ir tik tada pridėti elementą į mūsų masyvą objektų. Tai sukels delsimą su duomenų atvaizdavimu ekrane: kol duomenys atvyks į serverį, kol serveris atsiųs juos atgal mums - praeis šiek tiek laiko.