Új id-k problémái Reactben

Tegyük fel, hogy az adatbázisból a következő tömbre vonatkozó adatokat kaptuk:

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

Amint láthatod, a id-k sorban vannak számozva. Azonban figyelembe kell vennünk, hogy a számok között lehetnek hézagok, például a 3. után közvetlenül a 5. vagy a 6. következhet. Emiatt az ügyféloldali szkriptünk nem tudhatja, mi lesz a következő id (a mi esetünkben ez nem feltétlenül a 4).

Az új id-kat a szerver adatbázisa hozza létre. Ez néhány problémát okozhat az ügyféloldalon való munka során. A lényeg a következő: képzeljük el, hogy egy űrlap segítségével hozzáadtunk egy új elemet a tömbünkhöz. Azonban nem tehetjük meg, hogy egyszerűen csak hozzáadjuk az űrlap adatait - hiszen nem tudjuk, milyen id lesz az új elemnél!

El kell küldenünk egy kérést a szervernek, hogy megadja nekünk a sorban következő id-t, és csak ezután adhatjuk hozzá az elemet a tömbünkhöz. Ez késleltetést fog okozni az adatok megjelenítésében a képernyőn: amíg az adatok eljutnak a szerverre, amíg a szerver visszaküldi azokat nekünk - eltelik egy kis idő.