Problem med nya id i React

Låt oss säga att följande array av objekt har kommit från 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, id numreras i ordning. Men vi måste ta hänsyn till att siffrorna kan ha luckor, till exempel, efter den 3:e kan den 5:e eller 6:e komma direkt. På grund av detta kan vårt klientskript inte veta vad nästa id kommer att vara (i vårt fall är det inte nödvändigtvis 4).

Nya id skapas av serverns databas. Detta kan orsaka vissa problem när man arbetar på klientsidan. Kärnan är följande: föreställ dig att vi har lagt till ett nytt element i vår array med hjälp av ett formulär. Men vi kan inte bara ta och lägga till data från formuläret - för vi vet inte vilket id det nya elementet kommer att ha!

Vi kommer att behöva skicka en förfrågan till servern, så att den ger oss nästa id i ordning, och först därefter lägga till elementet i vår array av objekt. Detta kommer att orsaka en fördröjning i visningen av data på skärmen: medan data skickas till servern, tills servern skickar tillbaka dem till oss - kommer det att gå en viss tid.