Problemer med nye id'er i React

Lad os sige, at følgende array af objekter er kommet fra databasen:

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

Som du kan se, er id nummereret i rækkefølge. Vi skal dog tage højde for, at tallene kan have huller, for eksempel efter den 3. kan den næste være 5 eller 6. Derfor kan vores klientscript ikke vide, hvad den næste id vil være (i vores tilfælde er det ikke nødvendigvis 4).

Nye id oprettes af serverens database. Dette kan forårsage visse problemer, når man arbejder på klienten. Essensen er følgende: forestil dig, at vi har tilføjet et nyt element til vores array ved hjælp af et formular. Men vi kan ikke bare tage og tilføje dataene fra formularen - vi ved jo ikke, hvilken id det nye element vil have!

Vi bliver nødt til at sende en anmodning til serveren, så den kan give os den næste id i rækkefølgen, og først derefter tilføje elementet til vores array af objekter. Dette vil forårsage en forsinkelse i visningen af data på skærmen: mens data sendes til serveren, og indtil serveren sender dem tilbage til os, vil der gå et stykke tid.